Ierarhia aranjează elementele în ordinea importanței. Aceasta îi spune privitorului la ce să se uite mai întâi, a doua și a treia. Un titlu este mai mare decât corpul textului. Un buton de îndemn la acțiune este mai luminos decât împrejurimile sale. Un titlu de secțiune este mai îndrăzneț decât paragrafele de sub el. Ierarhia ghidează ochiul prin design. Fără ea, totul concurează pentru atenție. Nimic nu câștigă. Privitorul nu știe de unde să înceapă.

Ierarhia este creată prin contrast. Dimensiunea, culoarea, grosimea, poziția și spațierea, toate stabilesc importanța. Un element mare domină. O culoare strălucitoare atrage atenția. Caracterele îngroșate ies în evidență. Elementele din partea de sus a unei pagini sunt văzute primele. Spațiul alb din jurul unui element îi conferă proeminență. Designerul combină aceste instrumente pentru a construi o ordine vizuală clară. Ierarhia nu înseamnă doar să aduci lucrurile la scară largă. Este vorba despre a face lucrurile potrivite la scară largă. Cel mai important element ar trebui să fie cel mai proeminent. Dacă totul este accentuat, nimic nu este. Designerul trebuie să decidă ce contează cel mai mult și să proiecteze în consecință. Ierarhia se schimbă și în funcție de context. Un ecran mobil are mai puțin spațiu decât un desktop. Un poster este văzut de la distanță. O carte este ținută aproape. Ierarhia se adaptează mediului. Scopul este același: ghidarea privitorului prin conținut în ordinea dorită.

Instrumente ierarhice

• Dimensiune — elementele mai mari atrag atenția mai întâi
• Culoare — culorile strălucitoare sau contrastante ies în evidență
• Greutate — caracterele îngroșate sunt mai proeminente
• Poziție — partea de sus și centrul se văd primele
• Spațiu — izolarea conferă importanță unui element

Ierarhia este ordinea importanței. Îi spune privitorului unde să privească și în ce secvență.