Key Insight
Elements arranged in a line or curve appear connected and related.
Key Points
- •The eye follows paths of least resistance—smooth lines and curves
- •Aligned elements are perceived as a single group or sequence
- •Continuity guides reading order and establishes visual flow
- •Breaking alignment creates a visual "speed bump" that draws attention
- •Horizontal and vertical lines are perceived more easily than diagonal ones
- •[FIGURE 2.8 — Continuity perception] Shows: Crossing lines perceived as two continuous paths rather than four separate segments meeting at a point. Teaches: We perceive continuous paths rather than arbitrary intersections—the brain prefers smooth continuation. Reproduce as: Interactive line crossing demo showing perceptual interpretation.
Guidelines
- ✓Align form labels, inputs, and buttons to a consistent vertical axis
- ✓Use grid systems to maintain alignment across the entire layout
- ✓Place progress indicators in a linear flow (horizontal or vertical)
- ✓Align navigation items along a clear axis to signal they're related
- ✓Break alignment deliberately only to emphasize key elements
Want to learn this interactively?
Experience hands-on experiments and test your understanding.
🔥
Practice this topic
Active recall — strengthens long-term retention