Law of Continuity
Aligned elements and smooth paths tend to be perceived as continuing in the same direction rather than changing abruptly.
Direct explanation
What it means
The eye follows a plausible trajectory through crossings and interruptions. Alignment can therefore imply sequence or relation even when no explicit connector exists.
Continuation helps people trace timelines, forms, and charts; accidental alignment can imply a false relationship or reading order.
Research anchor: Max Wertheimer, 1923
Research and interpretation
What the research found
Gestalt demonstrations showed that aligned segments tend to form smooth continuous paths rather than abrupt combinations.
Good continuation is a well-supported grouping cue, studied alongside contour integration, occlusion, and attention.
Popular advice versus careful use
Common shorthand: Users will follow any line wherever designers intend.
Use smooth alignment for a real sequence and explicitly disambiguate crossings, branches, and semantic order.
How designers apply it
- 01
Align a checkout stepper along one uninterrupted route.
- 02
Use continuous axes and grid alignment across related charts.
- 03
Keep reading order visible through responsive section transitions.
Original UI examples
mobile map
Rail map
Route lines preserve smooth direction through interchanges and use labels at branches.
Riders can trace one service without mistaking a crossing for a turn.
desktop analytics
Revenue story
Summary, drivers, and detail align down one column while annotations branch locally.
The reading path remains coherent on a wide report.
A multicolumn form layout
Less effective
Align an error message beneath the neighboring field instead of its source.
Better fit
Keep the error in the same vertical path as its label and control.
Proximity and semantics should reinforce continuation.
Limits and failure modes
Path perception depends on curvature, spacing, crossings, experience, and competing cues.
Common mistakes
- Using decorative lines that imply a workflow.
- Letting responsive reflow create a different visual order from DOM order.
When it should not dominate
- When a break or boundary is the information.
- When continuation could hide a branching decision.
Responsible use
Accessibility
Represent sequence and relationships in text and DOM order; line direction, position, or animation cannot be the only cue.
On mobile: Re-evaluate paths after column stacking and horizontal scrolling.
Ethics and context
Use the principle to reduce unnecessary effort and improve comprehension. Validate the result with representative users rather than treating a general tendency as a universal instruction.
On desktop: Use alignment across panels carefully so unrelated charts do not appear to share one scale.
Designer checklist
- Trace the intended path from start to finish.
- Mark genuine branches and boundaries.
- Verify visual order matches keyboard and reading order.
Check your understanding
Which statement applies Law of Continuity most carefully?
Practice and continue learning
Sources and further reading
- 01Open source
Laws of Organization in Perceptual Forms
Max Wertheimer · 1923 · Psychologische Forschung / York University Classics
Primary research · primary or original source
- 02Open source
A Century of Gestalt Psychology in Visual Perception: I. Perceptual Grouping and Figure–Ground Organization
Johan Wagemans, James H. Elder, Michael Kubovy, Stephen E. Palmer, Mary A. Peterson, Manish Singh, Rüdiger von der Heydt · 2012 · Psychological Bulletin
Peer reviewed review
Continue the graph
Related principles
principle
Law of Closure
Perception can complete missing contours or parts when the remaining structure supports a plausible whole.
principle
Law of Uniform Connectedness
Elements joined by a visible continuous connection tend to be perceived as one unit or as more strongly related than unconnected elements.
principle
Common Fate
Elements that move or change together tend to be perceived as belonging to the same group.