The Law of Continuity
Give the eye a line and it will follow — smoothly, past gaps and crossings, wherever the path leads.
The eye is drawn to flow. Lay a set of elements along a line or a smooth curve and it reads them as one connected path, following the direction — even where the line is crossed, broken, or hidden behind something. And it always prefers a smooth continuation over an abrupt turn. Show it two lines crossing and it sees exactly that: two lines passing through, never two corners meeting.
This makes continuity the great guide of design. A leading line, an aligned column, a curve sweeping through a layout — each takes the eye by the hand and walks it to where you want it to go. Get it right and a screen reads in the order you intended; ignore it and the eye wanders, or worse, follows a line you never meant to draw. You’ll feel all of it in three quick labs.
- Feel the eye follow a smooth line — even through a crossing or behind an occluder.
- See why elements on a path read as one connected group.
- Use leading lines and alignment to steer attention exactly where you want it.
- Catch false continuation, where an accidental line pulls the eye astray.
Two lines, not two corners
Here are two curves that cross in the middle. Ask yourself what you see — and you’ll say ‘two lines,’ each sweeping smoothly from one side to the other, passing straight through the intersection.
But that’s not the only possible reading. The very same drawing could be two bent paths that arrive at the centre and turn a corner. You could see that — yet you never do. The eye insists on the smooth continuation, because a gentle flow is a simpler, better path than a sharp corner. That insistence is good continuation.
One line, hidden in the middle
A line runs left to right, but a solid bar covers its middle. You don’t see two stubs with a gap — you see one continuous line passing behind the bar. Your eye bridges the hidden part without a thought, which is how you recognise a cat behind a fence or a road behind a tree.
But the illusion has a condition: the two visible ends must line up. Nudge one out of alignment and, past a point, continuity snaps — suddenly it’s two separate lines, not one hidden behind the bar. Find that breaking point.
Lay a path, and the eye walks it
Here’s the payoff. A continuous path is an invitation the eye can’t decline: pick up its start and it rides the line, smoothly, right to whatever waits at the end. Designers call that a leading line, and it’s how a good layout walks a stranger straight to the thing that matters.
But not all lines lead the same way. A straight run, a gentle curve, a steep diagonal, a Z that mirrors how you read — each takes the eye to the very same button with a different feel, and a different set of trade-offs. Try them, and notice how the route changes the experience of arriving.
The eye goes where the line leads
Every lab here is one law wearing different clothes. Name it, and alignment stops being tidiness and becomes a way to point.
Draw the path you want the eye to take.
Good continuation is a low-level reflex: the visual system prefers to read a scene as smooth, unbroken contours, and it will follow a line straight through a crossing, across a gap, or behind an occluder rather than break it into pieces. That is why elements sharing a line, a curve or an edge feel connected — and why the eye, once it’s on a path, keeps travelling in the same direction. The most under-used tool in this is plain alignment: a shared edge is an invisible line, and everything on it reads as one flowing group.
Which turns continuity into a way to point. A leading line — a rule, a row of aligned items, a curve, an arrow, even the gaze of a person in a photo — hands the eye a route and it obediently follows to the end. Designers use this to set reading order, to walk a newcomer through an onboarding flow, to sweep a gaze down a form’s left edge, and to deliver attention to a single call to action sitting at the end of the path. Where figure-ground decides what the eye lands on, continuity decides the order in which it travels.
The discipline is to draw only the lines you mean. The same reflex that follows a helpful path will just as faithfully follow an accidental one — a stray alignment, a coincidental edge, a row that points off the screen. That is false continuation: the eye led astray by a line you never intended. So the test is to squint and ask where the lines in your layout actually point. If they lead to the right place, in the right order, the flow is yours; if they scatter or mislead, the eye will go with them, not with you.
Which one groups better?
Five face-offs. Same content, two spacings — one makes the relationship obvious, one makes you guess. Pick the clearer, then see why.
The eye on a rail, everywhere
Once you can see continuity, you notice designers laying invisible tracks for your gaze on every screen. Five lines you follow without a thought.
Every label and field lines up on one invisible vertical, so the eye flows straight down the form. Alignment is a leading line you didn’t have to draw.
The line between the circles says ‘these belong to one sequence, in this order.’ Remove it and they’re just three separate dots.
Separate data points, but the connecting line lets the eye ride the trend up and down as one continuous story — you read the shape, not the dots.
Converging lines in a photo or a poster funnel the gaze to one spot. The eye rides them to the destination before it reads a word.
A single vertical line threads the events into a sequence you read top to bottom. The line is the story; the dots are just where it stops.
Continuity groups things that lie along a still line. But the eye also groups things that move together — a flock of birds, a set of dots drifting the same way, elements that animate as one. When shared motion binds separate things into a single group, that is common fate, and it closes the series as Module 6.
The real references
Good continuation is one of the oldest Gestalt laws, and a workhorse of visual design. Five worth your time. (Opens in a new tab.)
The Continuity glossary
Six words that turn “it just flows” into a precise, usable idea. Tap a card to flip it.
Questions you actually ask
What people get wrong
Read the grouping
Ten questions in seven formats, tagged by thinking level — each with layered hints: a nudge, the reasoning, then a deeper connection. A wrong answer opens a door, never a dead end. Served from the question bank, never hardcoded.