The eye follows the smoothest available path through a scene, and keeps following it past breaks, overlaps, and gaps. The Law of Continuity is one of the original Gestalt principles, identified in the 1920s alongside proximity and similarity. It describes why a row of dots arranged along a gentle arc reads as a single curve rather than a dozen unrelated points, and why two lines crossing at an angle are read as two lines passing through each other rather than four separate segments meeting at a point.
The Psychology
Continuity is a prediction, not just an observation. Once the visual system has established a direction, it keeps extending that direction forward and treats anything lying along the predicted path as part of the same object or sequence. This is why a line disappearing behind another shape and reappearing on the far side is never parsed as two coincidentally aligned fragments. The simpler interpretation, one continuous line, wins by default. The same mechanism explains why curved paths feel calmer than sharply broken ones: a broken path forces the eye to keep re-predicting, which takes more work than following a line that behaves the way it already expected.
In Product Design
Interfaces use continuity constantly to move attention without instructions.
- A horizontal carousel that shows a sliver of the next card at the edge of the screen, so the eye reads the row as ongoing rather than finished
- A multi-step form with a progress bar or connected step markers, which frames the whole flow as one continuous path instead of four unrelated screens
- Form fields aligned down a single vertical edge, letting the eye drop straight down the column instead of hunting for the next label at a new x-position
- A timeline or activity feed where a connecting line runs behind each entry, turning a list of separate events into one continuous history
How to Apply It
Give related elements a shared line, edge, or curve to travel along rather than scattering them and hoping proximity alone will do the work. Align form fields, buttons, and labels to a consistent axis instead of centering each one independently, since independent centering breaks the line the eye was following. When a flow has multiple steps, show the path explicitly, a connected progress indicator does more to reduce drop-off than reassuring copy does, because it lets the eye confirm continuation instead of having to trust a sentence.
Why It Matters
When continuity is missing, every new element requires a fresh decision about where to look next, and that decision costs attention the user did not agree to spend. A staggered, misaligned layout does not just look untidy. It forces the eye to restart its search on every row, which is measurably slower and noticeably more tiring to scan than a layout the eye can glide through in one motion.
