Typografie

03 / Satz & Lesbarkeit

Kernfrage

Wie wird aus Text eine lesbare Seite?

Makrotypografie ordnet den Text auf der Fläche: Satzart, Schriftgrösse, Zeilenabstand, Zeilenlänge und Hierarchie. Sie entscheidet, ob man gerne liest oder nach drei Zeilen aufgibt.

Lernziel: Du kannst Satzart, Grösse, Zeilenabstand und Zeilenlänge aufeinander abstimmen und eine klare Hierarchie mit einer Schriftskala aufbauen.

Lesbarkeit ist kein Zufall.

3.1 / Satzarten

Flattersatz, Blocksatz, Mittelachse.

Die Satzart bestimmt, wie die Zeilen enden. Jede hat ihre Stärken.

Flattersatz

Linksbündig mit freiem Zeilenende. Gleichmässige Wortabstände, ideal für Bildschirm und schmale Spalten.

Blocksatz

Beide Ränder gerade. Ruhig in Büchern, braucht aber Silbentrennung und genug Zeilenlänge.

Mittelachse

Zentriert. Für kurze Texte wie Einladungen und Titel, nie für lange Absätze.

Ein guter Flattersatz flattert sanft: keine extrem kurzen Zeilen, keine Treppen und keine einzelnen Wörter am Ende eines Absatzes.

45 bis 75 Zeichen pro Zeile.

3.2 / Grösse, Zeilenabstand, Zeilenlänge

Drei Werte, die zusammengehören.

Lesetext braucht etwa 45 bis 75 Zeichen pro Zeile. Kürzere Zeilen zerhacken den Satz, längere ermüden, weil das Auge den nächsten Zeilenanfang suchen muss.

Der Zeilenabstand wächst mit der Zeilenlänge: Kurze Zeilen kommen mit etwa 130 Prozent der Schriftgrösse aus, lange brauchen 150 bis 160 Prozent. Am Bildschirm ist 16 Pixel die untere Grenze für Fliesstext.

Längere Zeilen, mehr Zeilenabstand.

Ausprobieren

Satz-Werkzeug

Stell Schriftgrösse, Zeilenabstand und Zeilenlänge ein. Das Werkzeug zählt die Zeichen pro Zeile und empfiehlt den Zeilenabstand.

Schriftgrösse18 pxZeilenabstand1.45Zeilenlänge620 px

Zeichen pro Zeile

ca. 0 · zu kurz

Lesetext: 45 bis 75 Zeichen, ideal um 65.

Zeilenabstand

1.45 · Empfehlung 1.3

Längere Zeilen brauchen mehr Abstand.

Gute Typografie fällt nicht auf. Sie trägt den Text, ohne sich in den Vordergrund zu drängen. Wer liest, soll den Inhalt verstehen, nicht über die Form stolpern. Darum stimmen Schriftgrösse, Zeilenabstand und Zeilenlänge zueinander: Je länger die Zeile, desto mehr Zeilenabstand braucht das Auge, um den Anfang der nächsten Zeile zu finden. Zu kurze Zeilen zerhacken den Satz, zu lange ermüden.

3.3 / Hierarchie und Skala

Wenige Grössen, klar abgestuft.

Hierarchie zeigt, was wichtig ist. Sie entsteht aus Grösse, Gewicht, Farbe und Abstand. Eine Schriftskala legt wenige Grössen fest, die aus einer Grundgrösse und einem Verhältnis wachsen, etwa 1,25.

Weniger ist mehr: Vier bis fünf Stufen reichen für die meisten Projekte. Der Abstand vor einem Titel ist grösser als danach, damit der Titel zum folgenden Text gehört. Im Reiter «Skala» kannst du eine Skala berechnen und als CSS kopieren.

Wenige Grössen, klar abgestuft.