Visual hierarchy: 11 design principles

Where does your eye go first? Eleven principles to guide the viewer through a web page, a slide or an image.

Watch the whole video first. It stays here while you work: click a part to watch it again.

1Why visual hierarchy?

21-2. Size and perspective

33-4. Colour, contrast and typography

45-6. Proximity and negative space

57-8. Alignment and the rule of odds

69-10. Repetition and leading lines

711. The rule of thirds

8Reading between the lines

9True or false?

Do you remember? True or false?

    More: General comprehension · The details · The script · Make it stand out · The bigger, the better · Your turn · Final test · The words · Back to the course