Hiërarchie rangschikt elementen op volgorde van belangrijkheid. Het vertelt de kijker waar hij als eerste, tweede en derde naar moet kijken. Een kop is groter dan de hoofdtekst. Een call-to-action-knop is helderder dan de omgeving. Een sectietitel is vetgedrukt dan de alinea's eronder. Hiërarchie leidt het oog door het ontwerp. Zonder hiërarchie concurreert alles om de aandacht. Niets wint. De kijker weet niet waar te beginnen.

Hiërarchie wordt gecreëerd door contrast. Grootte, kleur, gewicht, positie en afstand bepalen allemaal het belang. Een groot element domineert. Een heldere kleur trekt de aandacht. Vetgedrukte tekst valt op. Elementen bovenaan een pagina worden als eerste gezien. Witruimte rond een element geeft het meer prominentie. De ontwerper combineert deze middelen om een ​​duidelijke visuele ordening te creëren. Hiërarchie gaat niet alleen over dingen groot maken. Het gaat erom de juiste dingen groot te maken. Het belangrijkste element moet het meest prominent zijn. Als alles benadrukt wordt, is niets dat meer. De ontwerper moet bepalen wat het belangrijkst is en daarop inspelen. Hiërarchie verandert ook met de context. Een mobiel scherm heeft minder ruimte dan een desktop. Een poster wordt van een afstand bekeken. Een boek wordt dichtbij gehouden. De hiërarchie past zich aan het medium aan. Het doel blijft hetzelfde: de kijker door de inhoud leiden in de beoogde volgorde.

Hiërarchietools

• Grootte — grotere elementen trekken eerst de aandacht.
• Kleur — heldere of contrasterende kleuren vallen op.
• Gewicht — vetgedrukte tekst valt meer op.
• Positie — de bovenste en middelste gedeelten worden als eerste gezien.
• Ruimte — isolatie geeft een element betekenis

Hiërarchie is de volgorde van belangrijkheid. Het vertelt de kijker waar hij moet kijken en in welke volgorde.