Your audience does not read a design the way you built it. The eye jumps around - it grabs the biggest, most contrasting thing first, and only then looks for the rest. A good design leaves nothing to chance here. It guides the eye by the hand: from the entry point, through the levels of importance, to the moment when you say "do this now". In this article we show how to build that path - on a poster, on a flyer and on a catalogue page.
- The eye needs a path - an entry point, further levels and a goal, meaning the call to action.
- You build hierarchy with size and contrast, not with the number of elements.
- People read in patterns - most often in a Z or F shape. It pays to design for them.
- Light (empty space) around an element raises its rank more than another effect.
- A poster works from a distance and gets one second of attention. A flyer and a catalogue are read up close and for longer.
One main message - everything else serves it
The most common mistake is the urge to say everything at once. When every element shouts equally loudly, none of them is remembered. So decide what is the one thing the viewer should notice and remember - an event name, a slogan, a product, a date. That is your entry point.
Everything else - subheadings, description, contact details - does not compete with that main message, it supports it. Once you have a clear entry point, the next decisions become easy, because you judge every element with a single question: does it help notice the most important thing, or does it get in the way.
Do the squint test. Look at the design through squinted eyes - out of the blurred image one clearly dominant element should emerge. If several compete, the hierarchy is too weak and needs strengthening.
Size and contrast - your main tools
Visual hierarchy is simply the order in which elements draw attention to themselves. You build it with two tools that work always and everywhere: size and contrast. A bigger element beats a smaller one. An element that stands out from the background beats one that blends into it.
Contrast is not only about size. It is also a difference of colour, font weight, brightness or saturation. A bold, dark slogan on a light background pulls the eye before you even manage to read it. A few practical rules:
- Set clear levels: the main element, the second plane, the supporting content. Three levels are usually enough.
- Make the differences between levels bold. A subtle difference in size reads like an accident, not like hierarchy.
- Do not highlight everything. If you bold half the text, bolding stops meaning anything.
- One strong colour accent works better than five colours competing with each other.
Natural reading patterns - Z and F
The eye does not move randomly. In our culture we read from left to right and from top to bottom, so the eye usually enters a design from the top left corner. Two useful patterns grew out of this.
The Z pattern suits simple, poster-like layouts with little text. The eye runs along the top to the right, then diagonally down to the left and again to the right - like the letter Z. A logo or slogan lands at the top, and the call to action in the bottom right corner, at the end of that route.
The F pattern matches content that gets read - catalogue pages, longer flyers, descriptions. The eye reads the first line, returns to the left edge, reads the next one a little shorter, and lower down it only scans the beginnings of lines. That is why you should place the most important words at the start of headings and paragraphs, on the left side.
You do not force the viewer to read differently than they normally do. You lay out the content so that it goes with the natural movement of their eye.
Light, breathing space and guiding the eye
Empty space around an element is not wasted space - it is a signal of importance. The more breathing room around a slogan, the more it stands out. A crowded design flattens the hierarchy, because everything touches everything and the eye has nowhere to rest. Before you add another effect, try simply subtracting - giving the element more air.
Beyond light, you have a whole set of tools that literally guide the eye in the chosen direction:
- Lines and shapes - edges, stripes and frames form tracks along which the eye travels.
- The direction of a figure's gaze - if a person in a photo looks at the slogan, the viewer will look there too. We look where others look.
- Arrows and pointers - the most literal, great for leading toward the call to action.
- An accent colour - one standout colour, used sparingly, pulls the eye exactly where you place it.
Treat the accent colour like a spotlight - the less you use it, the brighter it shines. If you light up five things with it, it stops pointing at any of them. Reserve it for the element you really want the viewer to notice and remember.
The call to action at the end of the path
All this work has a goal: to lead the viewer to one moment - call, come in, buy, show up. The call to action cannot be hidden or lost in the crowd. At the same time, do not put it right at the beginning, because it will reach someone who does not yet know why they should act.
Place it where the natural route of the eye ends - in the lower part of the poster, at the end of the Z pattern, after the arguments on the flyer. Give it contrast (an accent colour, a clear button or frame) and some space around it, so it becomes the last, strong accent. This rule holds regardless of whether you are designing advertising posters, advertising flyers, or multi-page brochures and catalogues.
Poster, flyer and catalogue - different pace, the same rule
The rule of guiding the eye is the same everywhere, but the medium changes the pace and the distance - and therefore also how much you can pack onto it.
A poster is viewed from a distance and on the move, often for a single second. It has to work instantly: one dominant element, a large typeface, strong contrast, minimal text. If the slogan cannot be read from a few steps away, the poster does not work. Here the hierarchy is merciless - the first impression is what counts.
A flyer and a catalogue page land in the hand and are read up close, more calmly. The viewer can give them a longer moment, so you can offer more content - but they still need a path. Provide a clear headline that draws people in, then a logical split into sections, and at the end a clear call to action. We write about how to split content so that no one gives up halfway in the article on dividing content on a flyer.
It is also worth remembering that a poster and a small format follow different rules of legibility - what is readable in the hand can disappear from far away. You will find more about designing materials that work from a distance in our guide on legibility from a distance.
One last thing: guiding the eye is not decoration, it is respect for the viewer's time. When the design itself shows where to look and what to do, the person does not have to make an effort - and a material that does not demand effort simply works.
