Hiyerarşi, öğeleri önem sırasına göre düzenler. İzleyiciye önce, ikinci ve üçüncü olarak neye bakması gerektiğini söyler. Başlık, gövde metninden daha büyüktür. Harekete geçirici düğme, çevresinden daha parlaktır. Bölüm başlığı, altındaki paragraflardan daha kalındır. Hiyerarşi, gözü tasarım boyunca yönlendirir. Hiyerarşi olmadan, her şey dikkat çekmek için yarışır. Hiçbir şey kazanamaz. İzleyici nereden başlayacağını bilemez.

Hiyerarşi, zıtlık yoluyla oluşturulur. Boyut, renk, ağırlık, konum ve aralık, önem derecesini belirler. Büyük bir öğe baskın olur. Parlak bir renk gözü çeker. Kalın yazı tipi öne çıkar. Sayfanın üst kısmındaki öğeler önce görülür. Bir öğenin etrafındaki beyaz boşluk, ona belirginlik kazandırır. Tasarımcı, net bir görsel düzen oluşturmak için bu araçları birleştirir. Hiyerarşi sadece şeyleri büyük yapmakla ilgili değildir. Doğru şeyleri büyük yapmakla ilgilidir. En önemli öğe en belirgin olmalıdır. Her şey vurgulanırsa, hiçbir şey vurgulanmaz. Tasarımcı, en önemli olanı belirlemeli ve buna göre tasarım yapmalıdır. Hiyerarşi ayrıca bağlamla da değişir. Mobil ekran, masaüstünden daha az alana sahiptir. Bir poster uzaktan görülür. Bir kitap yakından tutulur. Hiyerarşi ortama uyum sağlar. Amaç aynıdır: izleyiciyi içeriğin içinde amaçlanan sırayla yönlendirmek.

Hiyerarşi araçları

• Boyut — daha büyük unsurlar öncelikle dikkat çekiyor.
• Renk — parlak veya zıt renkler dikkat çeker.
• Ağırlık — kalın yazı tipi daha belirgindir.
• Konum — üst ve orta kısımlar ilk önce görülür.
• Uzay — izolasyon bir unsura önem kazandırır.

Hiyerarşi, önem sırasını belirtir. İzleyiciye nereye bakması gerektiğini ve hangi sırayla bakması gerektiğini söyler.