Hierarchia porządkuje elementy według ważności. Informuje widza, na co zwrócić uwagę najpierw, po drugie i po trzecie. Nagłówek jest większy niż tekst główny. Przycisk wezwania do działania jest jaśniejszy niż jego otoczenie. Tytuł sekcji jest pogrubiony niż akapity pod nim. Hierarchia prowadzi wzrok przez projekt. Bez niej wszystko konkuruje o uwagę. Nic nie wygrywa. Widz nie wie, od czego zacząć.

Hierarchia tworzona jest poprzez kontrast. Rozmiar, kolor, waga, pozycja i odstępy — wszystkie one określają znaczenie. Duży element dominuje. Jaskrawy kolor przyciąga wzrok. Pogrubiona czcionka wyróżnia się. Elementy na górze strony są widoczne jako pierwsze. Biała przestrzeń wokół elementu nadaje mu znaczenie. Projektant łączy te narzędzia, aby zbudować przejrzysty porządek wizualny. Hierarchia nie polega tylko na powiększaniu elementów. Chodzi o powiększanie właściwych elementów. Najważniejszy element powinien być najbardziej widoczny. Jeśli wszystko jest podkreślone, nic nie jest. Projektant musi zdecydować, co jest najważniejsze i odpowiednio zaprojektować. Hierarchia zmienia się również w zależności od kontekstu. Ekran telefonu komórkowego ma mniej miejsca niż komputer stacjonarny. Plakat jest widoczny z daleka. Książka jest trzymana blisko. Hierarchia dostosowuje się do medium. Cel jest ten sam: poprowadzić widza przez treść w zamierzonej kolejności.

Narzędzia hierarchiczne

• Rozmiar — większe elementy przyciągają uwagę w pierwszej kolejności
• Kolor — wyróżniają się jasne lub kontrastowe kolory
• Grubość — pogrubiony tekst jest bardziej widoczny
• Pozycja — góra i środek są widoczne jako pierwsze
• Przestrzeń — izolacja nadaje elementowi znaczenie

Hierarchia to porządek ważności. Wskazuje widzowi, gdzie i w jakiej kolejności patrzeć.