Visuelle Hierarchie — Design, 14–17
Die visuelle Hierarchie führt den Blick durch eine Botschaft. Größe, Kontrast, Abstand, Farbe und Position zeigen, was zuerst auffällt, was danach kommt und was warten kann.
Idee
Menschen betrachten nicht jeden Teil einer Seite, eines Plakats oder einer App gleich aufmerksam. Eine visuelle Hierarchie schafft eine Reihenfolge: Die Hauptbotschaft fällt auf, Zusatzinformationen folgen, und kleine Details bleiben verfügbar, ohne zu konkurrieren. Designer ordnen dies so, dass man die Botschaft schnell versteht und weiß, wohin man als Nächstes schaut.
Warum
Ohne Hierarchie verlangt jedes Element gleichzeitig Aufmerksamkeit, und man muss selbst herausfinden, was wichtig ist. Das ist ein Kommunikationsproblem, nicht bloß eine Frage der Dekoration. Designer nutzen Hierarchie, weil Aufmerksamkeit begrenzt ist: Eine klare Reihenfolge hilft, eine Notfallanweisung, einen Preis oder den nächsten Knopf schnell zu finden.
Durchgerechnetes Beispiel
Stell dir ein Plakat für ein Schulkonzert vor. Setze zuerst „Freitag, 18. Oktober“ groß und kontrastreich, weil das Datum wichtig ist. Danach kommen der Bandname etwas kleiner, dann Uhrzeit und Raum und zuletzt die Ticketinformationen in der kleinsten Schrift. Lass um die Hauptbotschaft Platz, damit ein buntes Bild sie nicht überdeckt.
Häufiger Fehler
Ein verständlicher Fehler ist, alles groß, fett oder leuchtend zu machen, damit nichts unwichtig wirkt. Dann hat das Auge keinen klaren Startpunkt. Dieser Fehler entsteht, weil jeder Teil für sich wichtig erscheinen kann. Vergleiche stattdessen die ganze Seite: Hierarchie hängt von den Beziehungen zwischen den Elementen ab.
Wo es vorkommt
Visuelle Hierarchie wird bei Nachrichtenseiten, Karten, Speisekarten, Verpackungen, Präsentationen und öffentlichen Schildern genutzt. Ein Fahrplan macht Ziel und Abfahrtszeit schnell auffindbar, bevor Hinweise zum Bahnsteig folgen. Dasselbe Prinzip zeigt auf einem Handybildschirm die Hauptaktion, ohne nützliche Nebenmöglichkeiten zu verstecken.
Weiter erkunden
Andere Sprachen
MyLeoNes™ wird geladen…