# Was ist visuelle Hierarchie? > **Visuelle Hierarchie:** Visuelle Hierarchie ist die Anordnung der Elemente einer Folie, sodass das Auge sie in der Reihenfolge ihrer Wichtigkeit liest, mithilfe von Größe, Kontrast, Farbe, Schriftschnitt, Position und Raum. - Quelle: https://ai-presentations.com/de/glossar/visuelle-hierarchie/ - Aktualisiert: 21. Oktober 2026 - Sprache: Deutsch - Englische Version: https://ai-presentations.com/glossary/visual-hierarchy/ Auch: Blickführung, visuelles Gewicht, Hierarchie der Hervorhebung Die **visuelle Hierarchie** ordnet die Elemente einer Folie so, dass das Auge sie in der Reihenfolge ihrer Wichtigkeit liest: was zuerst, was danach, was zuletzt. Die Mittel sind Größe, Kontrast, Farbe, Schriftschnitt, Position und Raum. Das Ergebnis: Das Publikum weiß, wohin es schauen soll, ohne dass man es ihm sagt. ## Beispiel Die Folie unten hat drei Ebenen. Der Titel ist das größte Element und steht oben links. Das Diagramm kommt als Zweites. Im Diagramm ist nur Leipzig in voller Stärke zu sehen, die anderen vier Säulen sind abgeblendet, sodass das Auge dorthin geht, wohin der Titel zeigt. *Vier Säulen sind abgeblendet, die von Leipzig steht in voller Stärke, sodass das Auge dort landet, wohin der Titel zeigt. Beispiel mit erfundenen Zahlen.* 3. Berlin hat 64 wöchentlich aktive Nutzer, Leipzig 17; auf Leipzig sollten wir achten ## Die fünf Signale | Signal | Wie es die Wichtigkeit erhöht | Beispiel | | ------------------ | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | | Größe | Größeres wird zuerst gelesen | Der Titel größer als der Text, die Kernzahl größer als ihre Beschriftung | | Kontrast und Farbe | Was sich vom Rest abhebt, wird zuerst gelesen | Eine Säule in der Akzentfarbe zwischen gedämpften | | Schriftschnitt | Fett hebt sich von normal ab | Schlüsselwörter in einer Kernaussage | | Position | Oben links wird bei Sprachen mit Leserichtung von links nach rechts zuerst gelesen | Der Titel oben links | | Raum | Ein freigestelltes Element wirkt wichtig | Eine einzelne Zahl mit Luft drumherum | ## So bauen Sie sie auf 1. **Legen Sie die Lesereihenfolge fest.** Was soll das Publikum zuerst, als Zweites und als Drittes lesen? Schreiben Sie es auf, zum Beispiel Titel, Beleg, Kernaussage. 2. **Machen Sie das erste Element klar zum größten oder stärksten.** Drei Ebenen, Titel, Inhalt und Detail, genügen meist. 3. **Setzen Sie eine Akzentfarbe zur Hervorhebung ein und dämpfen Sie den Rest.** Grau steht für das, was nur Kontext ist. 4. **Behandeln Sie gleiche Ebenen gleich.** Alle Titel gleich groß, alle Quellenzeilen gleich groß, damit das Publikum den Code lernt. 5. **Machen Sie den Blinzeltest.** Kneifen Sie die Augen zusammen oder sehen Sie eine Vorschau an. Das Erste, was Sie bemerken, sollte das Wichtigste sein. ## Typische Fehler - **Alles hervorheben.** Ist alles fett oder bunt, fällt nichts mehr auf. - **Konkurrierende Blickfänge.** Zwei große Zahlen, ein großes Bild und ein bunter Titel streiten um den ersten Blick. - **Schmuck, der den Inhalt übertrumpft.** Ein großes Logo oder Bild darf die Botschaft nicht übertönen. - **Nur auf Farbe setzen.** Ergänzen Sie Schriftschnitt oder Größe, damit die Hervorhebung im Graustufendruck und für Leser mit Farbsehschwäche erhalten bleibt. - **Eine Leserichtung gegen die Logik.** Die Kernzahl steht unten rechts und eine Fußnote oben links. ## Verwandte Begriffe [Weißraum](https://ai-presentations.com/de/glossar/weissraum/) ist eines der Signale. Das [Folienlayout](https://ai-presentations.com/de/glossar/folienlayout/) legt die Positionen im Voraus fest. Das [Data-Ink-Ratio](https://ai-presentations.com/de/glossar/data-ink-ratio/) hält Diagramme frei von Schmuck, der mit den Daten konkurriert, und der [Aktionstitel](https://ai-presentations.com/de/glossar/aktionstitel/) ist die erste Ebene fast jeder Folie. ## Häufige Fragen ### Welche Mittel gibt es für visuelle Hierarchie? Größe, Kontrast und Farbe, Schriftschnitt, Position und Raum. Je größer, stärker, höher und freigestellter ein Element ist, desto früher wird es gelesen. ### Wie viele Ebenen sollte eine Folie haben? Drei genügen meist: der Titel, der Hauptinhalt und das stützende Detail. Mehr Ebenen lassen die Folie unruhig wirken und verwischen die Reihenfolge. ### Wie teste ich die Hierarchie einer Folie? Kneifen Sie die Augen zusammen oder sehen Sie die Folie als kleine Vorschau an. Das Erste, was Sie bemerken, sollte das Wichtigste sein. Ist es etwas anderes, schwächen Sie dieses Element ab oder stärken Sie das wichtige. ### Ist visuelle Hierarchie dasselbe wie Informationshierarchie? Nein. Die Informationshierarchie ist die logische Ordnung der Gedanken, etwa Hauptaussage und Stützen. Die visuelle Hierarchie zeigt diese Ordnung durch das Design. Beide sollten übereinstimmen. ## Weiterlesen - [Weißraum](https://ai-presentations.com/de/glossar/weissraum/): Weißraum ist die leere Fläche um und zwischen den Elementen einer Folie. Definition, warum er die Klarheit erhöht und wie Sie ihn nutzen, mit Beispielen. - [Folienlayout](https://ai-presentations.com/de/glossar/folienlayout/): Ein Folienlayout ist eine Vorlage dafür, wie Inhalte auf einer Folie angeordnet werden: welche Felder es gibt und wo sie stehen. Definition, Arten und Auswahl. - [Data-Ink-Ratio](https://ai-presentations.com/de/glossar/data-ink-ratio/): Die Data-Ink-Ratio ist der Anteil der Tinte eines Diagramms, der Daten zeigt, ein Konzept von Edward Tufte. Bedeutung, Anwendung und Grenzen der Regel. - [Chartjunk](https://ai-presentations.com/de/glossar/chartjunk/): Chartjunk ist Dekoration in einem Diagramm, die beim Verstehen der Daten nicht hilft, ein Begriff von Edward Tufte. Beispiele, Weglasstest und Studienlage. - [Aktionstitel](https://ai-presentations.com/de/glossar/aktionstitel/): Ein Aktionstitel ist eine Folienüberschrift als ganzer Satz, der die Aussage der Folie nennt, nicht nur ihr Thema. Definition, Beispiele und Regeln. - [Das richtige Diagramm](https://ai-presentations.com/de/ratgeber/das-richtige-diagramm/): Welches Diagramm zu welcher Aussage passt: Balken zum Vergleichen, Linien für Verläufe, Wasserfall für Brücken. Dazu Kreisdiagramm-Regeln, Tabellen und Fehler. --- ai-presentations.com wird herausgegeben von Slaide (https://www.slaide.de), ein Einzelunternehmen von Nathalie Scholl in Heilbronn. [Wie diese Website schreibt, prüft und korrigiert](https://ai-presentations.com/de/redaktionelle-richtlinien/).