Hierarchie ordnet Elemente nach ihrer Wichtigkeit. Sie gibt dem Betrachter vor, worauf er zuerst, dann als Zweites und schließlich als Drittes achten soll. Eine Zeitung nutzt Hierarchie: eine große Überschrift, eine kleinere Unterüberschrift, eine kleinere Autorenzeile und der Fließtext. Auch eine Website verwendet sie: einen fettgedruckten Titel, einen prominenten Call-to-Action-Button und eine sekundäre Navigation. Ohne Hierarchie konkurriert alles um Aufmerksamkeit, und der Betrachter weiß nicht, wo er anfangen soll.

Designer schaffen Hierarchien durch Größe, Farbe, Kontrast, Position und Abstände. Die Größe ist am offensichtlichsten: Größere Elemente werden zuerst wahrgenommen. Farbe und Kontrast sind subtiler. Ein leuchtend roter Button auf grauem Grund zieht die Blicke auf sich. Auch die Position spielt eine Rolle. Westliche Leser scannen Texte von links oben nach rechts unten; daher ist es hilfreich, wichtige Inhalte entlang dieser Leserichtung zu platzieren. Weißraum leistet hier einen wichtigen Beitrag. Indem man ein Element durch Leerraum umgibt, signalisiert man seine Bedeutung, ohne eine einzige Linie oder einen Rahmen hinzuzufügen.

Werkzeuge zum Aufbau von Hierarchien

• Maßstab: Größere Elemente zuerst lesen.
• Kontrast: Starke Unterschiede erregen Aufmerksamkeit.
• Farbe: Warme und gesättigte Farbtöne rücken in den Vordergrund.
• Abstand: Isolation impliziert Wichtigkeit.

Hierarchien scheitern, wenn alles aufdringlich wirkt. Sind alle Elemente fett, groß und farbig, sticht nichts hervor. Zurückhaltung ist der Schlüssel zu wirkungsvoller Hervorhebung.