Addaly is in open beta. Things will change, and AI answers can be wrong — check anything that matters.

Design, Before Any Software

Hierarchy, type, colour and spacing — the part of design you can do with a pencil, before any software.

Lesson 49 of 748 min

Building a path through the image

Lines the picture does not contain

A road, a fence, a railing or a shadow gives the eye a track to follow. Those are real lines and they are easy to spot. The more useful ones are implied, and they are everywhere:

  • Gaze direction. Where a person in the image is looking. The strongest implied line available, and the one from the faces lesson in the first block.
  • A row of similar objects. Three windows in a line read as a line, by continuity.
  • A pointing hand, an outstretched arm, the direction a vehicle faces.
  • The direction of motion, including implied motion in a still image.
  • An edge between two areas of different value, which is a line whether or not anything drew it.

The mechanism is continuity from the grouping block: the eye follows the smoothest available path. Give it a path and it takes it. Give it several crossing paths and it stalls.

Lead room

A subject looking or moving towards the frame edge, with the edge close behind their gaze, feels compressed and slightly wrong. Give them space in the direction they are facing — traditionally called lead room or nose room in photography and film — and the composition relaxes.

This is not decoration. The gaze creates an implied line, that line has to go somewhere, and if it hits the edge immediately the eye is ejected from the image. Space in front of the subject lets the implied line resolve inside the frame.

The practical version: when a subject faces right, place them left of centre, not right. It is the opposite of what an untrained crop tends to do, because the instinct is to centre the face and leave the space behind.

Designing the path on purpose

For a composed piece — a poster, a slide, an advertisement — the eye path is something you specify rather than discover:

entry     → where the eye lands first
primary   → the message
secondary → the supporting detail
exit      → what you want them to do

Then check whether the composition supports that order. The honest way to check is to sketch the intended path as an arrow over a print or a screenshot, then show the piece to somebody for three seconds and ask what they saw first, second, third. Where the answer disagrees with the arrow, the composition is telling a different story from the one you meant.

The commonest disagreement: the exit is not on the path at all. The call to action sits below everything, outside the flow, reached only by a reader who has decided to keep going.

Diagonals, horizontals and verticals

The conventional associations — diagonals suggest movement, horizontals calm, verticals formality — are worth knowing and worth holding loosely.

What is mechanically true is narrower and more useful: a diagonal crosses more of the frame than a horizontal or vertical of the same length, so it moves the eye further and connects more regions. It also sits at odds with the rectangular frame and with almost every other element in a typical layout, so it has contrast of form working for it, which is the shape channel from the first block.

The associative claims beyond that are conventions rather than perceptual facts, and they are strongest where a body of work has taught them. Treat them as available conventions, not as forces.

What ruins a path

Three things, in order of frequency:

Competing paths. Two strong lines crossing at a shallow angle leave the eye without a clear route. One should dominate.

A path leading out of the frame. A line running to a corner takes the eye with it. Corners are exits, which is why a strong diagonal running exactly into a corner is usually a fault and why compositions often deflect a line before it reaches one.

A path with nothing at the end. A line that draws the eye to an empty area, a crop edge, or a piece of background is a promise that is not kept. If a line is strong, something has to be waiting where it arrives.

The check

Blur the image heavily, as in the first block, and trace where the masses lead. Lines survive blurring surprisingly well, because a line is a large-scale luminance structure rather than a fine detail. What you see in the blurred version is close to what somebody gets in the first half-second, before they have looked at anything deliberately.

If the blurred version has no path in it, the image will feel static no matter how good the subject is.

The one thing to keep

The eye follows the smoothest available path, and gaze direction, rows of objects and value edges create lines the picture never drew — so give a facing subject space to look into, specify the intended path before checking it, and never leave a strong line ending at nothing.

Before you move on

A poster places a photograph of someone looking sharply to the right at the right-hand edge of the layout, with the headline and call to action on the left. Testers report the poster feels uncomfortable and they miss the call to action. What is the mechanism?

Pick the one you would defend. Nobody sees your answer.

No ads. No data sale. No public scores on people. Ever.

© 2026 Addaly