Hierarki arrangerer elementer etter viktighet. Det forteller seeren hva de skal se på først, andre og tredje. En overskrift er større enn brødteksten. En handlingsfremmende knapp er lysere enn omgivelsene. En seksjonstittel er dristigere enn avsnittene under den. Hierarki leder øyet gjennom designet. Uten det konkurrerer alt om oppmerksomhet. Ingenting vinner. Seeren vet ikke hvor de skal begynne.

Hierarki skapes gjennom kontrast. Størrelse, farge, vekt, plassering og avstand etablerer alle viktighet. Et stort element dominerer. En lys farge trekker blikket. Fet skrift skiller seg ut. Elementer øverst på en side sees først. Hvitt område rundt et element gir det fremtredende plass. Designeren kombinerer disse verktøyene for å bygge en tydelig visuell orden. Hierarki handler ikke bare om å gjøre ting store. Det handler om å gjøre de riktige tingene store. Det viktigste elementet bør være det mest fremtredende. Hvis alt er vektlagt, er ingenting det. Designeren må bestemme hva som betyr mest og designe deretter. Hierarkiet endres også med kontekst. En mobilskjerm har mindre plass enn en datamaskin. En plakat sees på avstand. En bok holdes tett inntil. Hierarkiet tilpasser seg mediet. Målet er det samme: veilede betrakteren gjennom innholdet i den tiltenkte rekkefølgen.

Hierarkiverktøy

• Størrelse – større elementer trekker oppmerksomheten først
• Farge – lyse eller kontrasterende farger skiller seg ut
• Vekt – fet skrift er mer fremtredende
• Posisjon – toppen og midten sees først
• Plass – isolasjon gir et element betydning

Hierarki er rekkefølgen av viktighet. Det forteller betrakteren hvor den skal se og i hvilken rekkefølge.