Hierarchia porządkuje elementy według ważności. Informuje czytelnika, na co zwrócić uwagę najpierw, po drugie i po trzecie. Hierarchia stosowana jest w gazetach: duży nagłówek, mniejszy podtytuł, mniejszy podpis i tekst główny. Strona internetowa również ją stosuje: pogrubiony tytuł, widoczny przycisk wezwania do działania i nawigacja drugorzędna. Bez hierarchii wszystko konkuruje o uwagę, a czytelnik nie wie, od czego zacząć.

Projektanci tworzą hierarchię za pomocą rozmiaru, koloru, kontrastu, położenia i odstępów. Rozmiar jest najbardziej oczywisty. Większe elementy czytają się najpierw. Kolor i kontrast są subtelniejsze. Jaskrawoczerwony przycisk na szarym formularzu przyciąga wzrok. Położenie również ma znaczenie. Czytelnicy z Zachodu skanują od lewego górnego rogu do prawego dolnego rogu, więc umieszczenie kluczowych treści wzdłuż tej ścieżki pomaga. Biała przestrzeń działa tutaj dyskretnie. Wyodrębnienie elementu pustą przestrzenią wokół niego sygnalizuje jego ważność bez dodawania ani jednej linii ani pola.

Narzędzia do budowania hierarchii

• Skala: większe elementy należy czytać w pierwszej kolejności.
• Kontrast: wyraźne różnice przyciągają uwagę.
• Kolor: przeważają odcienie ciepłe i nasycone.
• Odległość: izolacja ma znaczenie.

Hierarchia zawodzi, gdy wszystko krzyczy. Jeśli każdy element jest pogrubiony, duży i kolorowy, nic się nie wyróżnia. Powściągliwość sprawia, że ​​nacisk działa.