Continuity
Eyes naturally follow smooth paths, aligned or flowing elements guide attention effortlessly
Overview
Definition
What is the Continuity principle?
The Gestalt principle of Continuity (also called continuation) describes our tendency to perceive elements arranged on a line or smooth curve as more related than elements that are not. Our eyes naturally follow the smoothest path, so when objects are aligned or flow in a consistent direction, the brain reads them as a connected sequence rather than separate parts.
In digital design, continuity is what makes layouts scannable. Aligning content along clear horizontal and vertical axes, guiding the eye with directional cues, and arranging information in predictable F-shaped or Z-shaped patterns all leverage this principle to move users through a page with minimal effort. Progress steppers, carousels, and timelines rely on continuity to communicate sequence and direction.
Continuity also reinforces relationships across an interface: elements that sit on the same visual path feel like they belong to one another, even without a shared container or color. Used well, it reduces cognitive load; used carelessly, a misaligned element or a competing path can break the flow and pull attention to the wrong place.
Takeaways
Visual Flow
Eyes naturally follow the smoothest path between elements, creating visual connection
Design for Scanning
Arrange content in predictable patterns (like F-shape or Z-shape layouts) for intuitive navigation
Line Completion
The mind connects elements that form continuous lines or curves
Directional Force
Elements aligned on a path appear related and sequential
Smooth Transitions
Gradual transitions between states or elements maintain context and flow
When to Use
- •
Guide users with arrows or directional cues
- •
Align text and buttons for visual flow
- •
Use natural reading patterns in layouts
- •
Design progress bars to show sequential steps
- •
Arrange forms logically to reduce cognitive load
When Not to Use
- •
When unrelated data or elements are presented
- •
If the flow conflicts with user expectations
- •
When the layout needs equal attention across items
- •
If continuity detracts from critical CTAs
Common Pitfalls
- •
Overusing paths that confuse the user
- •
Disrupting flow with misaligned elements
- •
Ignoring cultural reading directions
- •
Creating unnecessary complexity in flows
Examples in Action
See how Continuity works in real design
Interactive UXcel lessons to help you apply Continuity and other design fundamentals.
Affiliate link — free to start, and you'll get 25% off if you upgrade to Pro. We earn a commission at no extra cost to you.
Dive Deeper
*VIDEO* Continuation: Gestalt Principle for User Interface Design
Nielson Norman Group / Megan Brown
*VIDEO* Continuation: Gestalt Principle for User Interface Design
Nielson Norman Group / Megan Brown
The Law of Continuity
Interaction Design Foundation
The Law of Continuity
Interaction Design Foundation
UX Psychology: Gestalt’s Law Of Continuity
tl;dv / Dani Jones
UX Psychology: Gestalt’s Law Of Continuity
tl;dv / Dani Jones
Frequently Asked Questions
01What is the Gestalt principle of continuity?
What is the Gestalt principle of continuity?
Continuity is a Gestalt law stating that the eye is drawn along the smoothest path, so elements arranged on a line or curve are perceived as related and as forming a continuous sequence.
02How is continuity used in web and UI design?
How is continuity used in web and UI design?
Designers apply continuity by aligning content to a grid, using directional cues and reading patterns (such as F-shape and Z-shape layouts), and designing progress bars, steppers, and carousels that imply a clear path through the content.
03What is the difference between continuity and closure?
What is the difference between continuity and closure?
Continuity is about the eye following an existing path or alignment, while closure is about the mind filling in missing pieces to complete a recognizable shape. Both rely on the brain's drive to perceive coherent wholes.
04When should you avoid relying on continuity?
When should you avoid relying on continuity?
Avoid forcing a single path when items need equal attention, when the flow conflicts with users' cultural reading direction, or when a strong directional cue distracts from a critical call to action.