Skip to content
North Canvas

Practical guides to painting, drawing and design, written for people who like to make things.

  • Drawing Skills
  • Painting Techniques
  • Colour Theory
  • Design Basics
  • Sketchbook Habits
  • Materials and Tools
  1. Home
  2. Design Basics
  3. Visual Hierarchy: Guiding the Eye Through a Layout
Design Basics

Visual Hierarchy: Guiding the Eye Through a Layout

Learn how size, contrast, colour and space guide the eye, with a simple squint test you can use on any layout or painting.

Eleanor Hartley7 November 20263 min read

Open any well-designed poster, page or painting and your eye knows where to go first, where to go next and where to rest. That order is called visual hierarchy, and it is one of the most useful ideas in design. You do not need software or a degree to use it. A few simple tools and a bit of squinting will take you a long way.

What visual hierarchy means

Hierarchy is the arrangement of elements so that some read as more important than others. A headline outranks a caption; a focal figure outranks the background. Without it, everything competes at the same volume and the viewer has to work out what matters. With it, the message arrives almost without effort.

The main tools

Designers rely on a handful of levers:

  • Size: larger elements draw attention first.
  • Contrast: a dark shape on a light ground, or a bright accent among muted tones, stands out.
  • Colour: saturated or warm colours tend to advance, while soft, cool ones recede.
  • Position: in Western reading cultures, elements near the top left of a page are typically noticed early, and the centre of a layout holds natural weight.
  • Spacing: isolating an element with generous space around it gives it emphasis.

You rarely need all of these at once. Often a single strong contrast is enough.

A step-by-step way to build hierarchy

  1. List every element in your layout and rank them from most to least important.
  2. Give the top-ranked element the strongest treatment, whether that is size, colour or placement.
  3. Group related items close together, and separate unrelated ones with space.
  4. Reduce the emphasis of everything else until it supports rather than competes.
  5. Step back and squint, or view the layout at thumbnail size, to see what survives.

The squint test

Squinting blurs detail and leaves only large shapes and tonal contrasts. If the thing you want people to see first is still visible, the hierarchy is working. If two competing blobs fight for attention, one needs to be quieter. The same test works on paintings, where it helps you check that the focal point is clearly the focal point.

You might also like

Scale: Letting One Element Clearly Lead

Common mistakes

Beginners often emphasise everything: bold, large, coloured and underlined all at once. This has the opposite effect to the one intended, because when everything shouts, nothing is heard. Another frequent slip is inconsistency. If one subheading is large and red while the next, equally important one is small and black, readers cannot tell how the information is organised. Choose a system and stick to it.

Try it on something familiar

Take a flyer or a page from a magazine and sketch it as three levels: primary, secondary and tertiary. Then redraw the layout with a different element as primary. Notice how the meaning of the page shifts. This exercise takes ten minutes and teaches more than a long chapter of theory.

Frequently asked questions

Does hierarchy apply to paintings as well as graphic design? Yes. Painters use value, colour and edge sharpness to guide the eye to a focal point, which is hierarchy by another name.

How many levels of hierarchy do I need? Most layouts work well with three: a primary, a secondary and supporting detail. More than that can feel cluttered.

Do I need to use big type to create emphasis? No. Contrast, colour and space can do the job just as well, and sometimes a quiet element surrounded by blank space is the most noticeable thing on the page.

Steps

  1. Rank your elements: List every element in the layout and rank them from most to least important.
  2. Emphasise the top item: Give the most important element the strongest treatment through size, colour or placement, and quieten everything else.
  3. Squint to check: Step back and squint, or view the layout at thumbnail size, to see whether the key element still stands out.

Tags

  • visual hierarchy
  • layout
  • contrast
  • composition
  • graphic design
E
Eleanor Hartley

Eleanor Hartley writes about painting, drawing and everyday design. She is drawn to colour mixing, sketchbook habits and the quiet craft behind good layouts. Her articles aim to explain methods plainly, so readers can pick up a brush or a pencil with more confidence.

Previous post

Mixing Natural Greys That Don't Look Dull7 November 2026

Next post

A Ten-Minute Daily Sketch Routine You Can Actually Keep7 November 2026

Contents

  • What visual hierarchy means
  • The main tools
  • A step-by-step way to build hierarchy
  • The squint test
  • Common mistakes
  • Try it on something familiar
  • Frequently asked questions

Related posts

  • Contrast in Size, Weight and Texture
  • The Rule of Thirds, and When to Break It
  • A Print-Ready Checklist for a Small Design
  • Five Poster Habits That Weaken a Design
  • Cropping a Picture for a Clearer Composition

Categories

  • Drawing Skills
  • Painting Techniques
  • Colour Theory
  • Design Basics
  • Sketchbook Habits
  • Materials and Tools
  • Art History
© 2026 North Canvas
  • About North Canvas
  • Contact North Canvas
  • Privacy Policy
  • Sitemap
  • XML sitemap
  • RSS
hacklink satın al bursa escort bayan bursa escort antalya escort antalya bayan escort antalya escort bayan escort antalya grandpashabet giriş grandpashabet grandpashabet grandpashabet holiganbet holiganbet holiganbet matbet matbet giriş matbet matbet giriş jojobet jojobet jojobet giriş jojobet giriş betcio betcio giriş betcio betcio giriş betcio betcio giriş betcio betcio giriş jojobet jojobet giriş jojobet holiganbet holiganbet giriş holiganbet holiganbet holiganbet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet jojobet giriş holiganbet holiganbet giriş holiganbet holiganbet giriş holiganbet holiganbet giriş matbet matbet giriş matbet matbet matbet giriş matbet matbet güncel giriş betcio betcio giriş jojobet jojobet giriş jojobet jojobet jojobet giriş holiganbet holiganbet giriş holiganbet holiganbet giriş holiganbet holiganbet holiganbet giriş matbet matbet giriş matbet matbet giriş matbet matbet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet jojobet jojobet giriş holiganbet holiganbet giriş jojobet jojobet giriş jojobet jojobet giriş jojobet güncel giriş jojobet jojobet güncel giriş jojobet giriş jojobet telegram jojobet telegram jojobet jojobet giriş jojobet güncel giriş jojobet telegram jojobet jojobet giriş jojobet güncel giriş jojobet telegram jojobet jojobet giriş marsbahis