Hierarki arrangerer elementer efter vigtighed. Det fortæller seeren, hvad de skal se på først, andet og tredje. En overskrift er større end brødteksten. En call-to-action-knap er lysere end dens omgivelser. En sektionstitel er mere fed end afsnittene nedenunder. Hierarki guider øjet gennem designet. Uden det konkurrerer alt om opmærksomhed. Intet vinder. Seeren ved ikke, hvor de skal starte.

Hierarki skabes gennem kontrast. Størrelse, farve, vægt, placering og afstand bestemmer alle vigtighed. Et stort element dominerer. En lys farve tiltrækker øjet. Fed skrift skiller sig ud. Elementer øverst på en side ses først. Hvidt område omkring et element giver det en fremtrædende plads. Designeren kombinerer disse værktøjer for at opbygge en klar visuel orden. Hierarki handler ikke kun om at gøre tingene store. Det handler om at gøre de rigtige ting store. Det vigtigste element bør være det mest fremtrædende. Hvis alt er fremhævet, er intet det. Designeren skal beslutte, hvad der betyder mest, og designe i overensstemmelse hermed. Hierarkiet ændrer sig også med konteksten. En mobilskærm har mindre plads end en desktop. En plakat ses på afstand. En bog holdes tæt på. Hierarkiet tilpasser sig mediet. Målet er det samme: at guide seeren gennem indholdet i den tilsigtede rækkefølge.

Hierarkiværktøjer

• Størrelse — større elementer tiltrækker opmærksomhed først
• Farve — lyse eller kontrasterende farver skiller sig ud
• Vægt — fed skrift er mere fremtrædende
• Position — toppen og midten ses først
• Rum — isolation giver et element betydning

Hierarki er rækkefølgen af ​​vigtighed. Det fortæller seeren, hvor man skal kigge, og i hvilken rækkefølge.