Visuelle Hierarchien
Visuelle Hierarchien sorgen dafür, dass Informationen im Design klar und gezielt vermittelt werden. Hier zeigen wir dir, wie du sie effektiv einsetzen kannst!
Inhaltsübersicht
Was sind visuelle Hierarchien?
Visuelle Hierarchien legen fest, welche Elemente eines Designs zuerst wahrgenommen werden und wie der Betrachter durch die Inhalte geführt wird. Sie geben den verschiedenen Bestandteilen eines Layouts – wie Text, Bildern oder Buttons – ein Gewicht und helfen, Informationen geordnet zu präsentieren. Eine klare visuelle Hierarchie stellt sicher, dass die wichtigsten Inhalte sofort auffallen und der Rest logisch angeordnet wird. Durch verschiedene Aspekte wie Größe, Position, Kontrast und Wiederholung wird die Hierarchie eines Designs deutlich.
Größe und Gewicht
Die Größe ist einer der stärksten Indikatoren für die Hierarchie. Deshalb nimmst du große Elemente, wie Titel oder Bilder, zuerst wahr. Auch das visuelle Gewicht, wie gefettete Schriften oder kräftige Farben, zieht den Blick auf sich und hebt wichtige Inhalte hervor.
Auf einem Magazin-Cover beispielsweise steht der Haupttitel meist in großer, fetter Schrift ganz oben, damit er gleich auffällt und der Leser schnell erkennt, worum es geht. Untertitel und kleinere Details stechen jedoch weniger hervor.
Neben der Größe und dem Gewicht sind auch die Positionierungen der Elemente besonders wichtig für die hierarchische Wirkung.
Positionierung im Layout
Die Position eines Elements beeinflusst, was zuerst gesehen wird. In westlichen Kulturen ist die Leserichtung meist von links nach rechts und von oben nach unten. Deshalb werden wichtige Inhalte meist oben oder links platziert.
Eine Webseite hat oft das Logo und die Navigation oben links, weil die Position dem Betrachter als erstes auffällt. Der Hauptinhalt folgt dann darunter.
Du kannst jedoch auch immer mit den Positionierungen spielen, um eine bestimmte Wirkung zu erzielen. Indem du gängige Regeln brichst und die Überschrift beispielsweise gedreht am linken Rand positionierst, kannst du Spannung erzeugen.
Kontrast
Der Kontrast sorgt dafür, dass bestimmte Elemente herausstechen. Ein heller Text auf dunklem Hintergrund wird schneller gesehen als einer, der sich farblich kaum abhebt. Auch Kontraste in Form und Textur helfen dabei, die Hierarchie im Design zu verstärken.
Zum Beispiel kann in einem Flyer für eine Veranstaltung der Veranstaltungsname in einer kräftigen Farbe auf dunklem Hintergrund auftauchen, während die anderen Details in dezenten Farben erscheinen. So lenkst du den Fokus zuerst auf den Namen.
Als letztes sind noch die Wiederholung und Konsistenz entscheidend für eine gute visuelle Hierarchie.
Wiederholung und Konsistenz
Wiederholung schafft Klarheit, da durch konsistente Nutzung von Schriftarten, Farben oder Abständen Ordnung entsteht. Wiederkehrende Muster helfen nämlich dem Betrachter, schnell zu erkennen, welche Inhalte wichtig sind.
Das hast du bestimmt schon mal selbst gesehen: Oft sind in Zeitschriften und Artikeln alle Überschriften in derselben Schriftart und Größe, damit sie als erstes erkannt werden können.
Jetzt weißt du, welche Faktoren für eine gelungene visuelle Hierarchie besoners wichtig sind.
Grundlegende Layout-Prinzipien
Welche weiteren Prinzipien neben den Visuellen Hierarchien für ein gelungenes Design wichtig sind, erfährst du im nächsten Video zum Thema Grundlegende Layout-Prinzipien.