Typografische Hierarchie

Prinzip // Gewichten

Ein Text hat mehrere Einstiege.

Wer überfliegt, wer liest und wer sucht, muss sich zurechtfinden.

Stadtentwicklung
Die Bibliothek zieht in den alten Bahnhof
Nach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
Wo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
Die Bahnhofshalle während des Umbaus im Sommer

Alles gleich

Stadtentwicklung
Die Bibliothek zieht in den alten Bahnhof
Nach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
Wo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
Die Bahnhofshalle während des Umbaus im Sommer

Größe

Stadtentwicklung
Die Bibliothek zieht in den alten Bahnhof
Nach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
Wo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
Die Bahnhofshalle während des Umbaus im Sommer

Schnitt

Stadtentwicklung
Die Bibliothek zieht in den alten Bahnhof
Nach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
Wo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
Die Bahnhofshalle während des Umbaus im Sommer

Farbe

Stadtentwicklung
Die Bibliothek zieht in den alten Bahnhof
Nach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
Wo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
Die Bahnhofshalle während des Umbaus im Sommer

Abstand

DachzeileStadtentwicklung
HeadlineDie Bibliothek zieht in den alten Bahnhof
LeadNach drei Jahren Umbau öffnet das Haus im Frühjahr. Es gibt mehr Platz, längere Öffnungszeiten und erstmals ein Café.
FließtextWo früher Fahrkarten verkauft wurden, stehen bald Regale. Im Erdgeschoss liegen die Zeitungen, darüber die Lernplätze. Für die Ausleihe braucht es weiterhin nur einen Ausweis.
BildunterschriftDie Bahnhofshalle während des Umbaus im Sommer

Die Lesestufen

Dachzeile, Headline, Lead, Datumszeile taz.de, Screenshot 2026

Dachzeile, Headline, Lead, Datumszeile
taz.de, Screenshot 2026

Sie muss auch im Code stehen.

Überschriften gehören in h1 bis h6. Screenreader springen über diese Struktur durch die Seite wie andere mit den Augen.

Wie viele Lesestufen hat Ihre meistgenutzte App?

Welche Mittel nutzt sie dafür: Größe, Schnitt, Farbe oder Abstand?

Wann bricht die Regel?

Zu viele Stufen: Minimale Unterschiede zeigen keine Rangfolge.

Zu viele Mittel: Größer, fetter und bunter zugleich ist Lärm.

Interface ist nicht Artikel: Oft sind die Daten wichtiger als ihre Beschriftung.

Verweise

Dahinter: Hierarchie. Konstruieren: Typografische Skala. Prüfen: Unschärfe- und Graustufentest.

Danke für's Mitmachen

https://christiannoss.de