Hierarkin ordnar elementen efter vikt. Den talar om för tittaren vad den ska titta på först, andra och tredje. En rubrik är större än brödtexten. En uppmaningsknapp är ljusare än sin omgivning. En sektionsrubrik är fetare än styckena under den. Hierarkin vägleder ögat genom designen. Utan den konkurrerar allt om uppmärksamhet. Ingenting vinner. Tittaren vet inte var den ska börja.

Hierarki skapas genom kontrast. Storlek, färg, vikt, position och avstånd fastställer alla vikt. Ett stort element dominerar. En ljus färg drar blickarna till sig. Fet stil sticker ut. Element högst upp på en sida syns först. Vitt utrymme runt ett element ger det en framträdande plats. Designern kombinerar dessa verktyg för att bygga en tydlig visuell ordning. Hierarki handlar inte bara om att göra saker stora. Det handlar om att göra rätt saker stora. Det viktigaste elementet bör vara det mest framträdande. Om allt betonas, är ingenting det. Designern måste bestämma vad som är viktigast och designa därefter. Hierarkin förändras också med sammanhanget. En mobil skärm har mindre utrymme än en stationär dator. En affisch ses på avstånd. En bok hålls nära. Hierarkin anpassar sig till mediet. Målet är detsamma: vägleda betraktaren genom innehållet i den avsedda ordningen.

Hierarkiverktyg

• Storlek — större element drar uppmärksamheten först
• Färg — ljusa eller kontrasterande färger sticker ut
• Vikt — fetstil är mer framträdande
• Position — toppen och mitten syns först
• Utrymme — isolering ger ett element betydelse

Hierarki är prioritetsordningen. Den talar om för betraktaren var den ska titta och i vilken ordning.