Typografie im Layout

Typografie im Layout umfasst die Mikrotypografie-Entscheidungen für ausgewogenen Textsatz: Blocksatz-Probleme beheben, Hurenkinder und Schusterjungen vermeiden, optischen Randausgleich aktivieren und Satzarten situationsgerecht wählen.

Rubrik: Grafik & Kommunikationsdesign · Unterrubrik: Editorial Design · Niveau: Einsteiger

Was ist Typografie im Layout-Kontext?

Typografie beginnt nicht mit der Wahl der Schrift — sie beginnt mit der sorgfältigen Verarbeitung von Text im Layout. Die Makrotypografie betrifft die großen Entscheidungen (Schriftfamilie, Satzart, Spaltenzahl, Hierachie). Die Mikrotypografie — auf die dieser Eintrag sich konzentriert — betrifft die Detailarbeit: Wie verhalten sich Texte in engen Spalten? Was sind Hurenkinder und Schusterjungen, und wie vermeidet man sie? Warum wirken optische Randanpassungen besser als mathematisch exakte?

Robert Bringhurst fasst es in The Elements of Typographic Style (2004) prägnant zusammen: Typografie ist „the craft of endowing human language with a durable visual form." Das Durable — das Dauerhafte, Robuste — entsteht durch sorgfältige Detailarbeit.

Erklärung

Blocksatz und seine Probleme

Blocksatz (Justification) richtet Text am linken und rechten Rand bündig aus. Er erzeugt ein ruhiges, symmetrisches Textbild und ist der Standard für Bücher und viele Magazine. Seine Schwäche: In engen Spalten entstehen große, ungleichmäßige Wortzwischenräume — sogenannte Löcher im Text, die das Schriftbild zerrissen wirken lassen.

Ursachen für Blocksatz-Probleme:

• Zu wenige Wörter pro Zeile (Spalte zu schmal für die gewählte Schriftgröße)
• Lange Wörter (Deutsch ist bekannt für lange Komposita), die nicht getrennt werden können
• Zu wenig Silbentrennung aktiviert

Lösungen in InDesign:

1. Silbentrennung aktivieren: Im Absatzformat unter Silbentrennung → Silbentrennung ein. Minimale Wortzahl (3), Mindestsilbenzahl (3), maximale Trennstriche in Folge (3) — diese Werte begrenzen übermäßige Trennung.
2. Absatz-Kompositor statt Einzeilen-Kompositor: InDesign bietet zwei Algorithmen:

- Einzeilen-Kompositor: Berechnet jede Zeile separat — schnell, aber sub-optimal bei Blocksatz. - Adobe-Absatz-Kompositor: Berechnet mehrere Zeilen gleichzeitig und findet bessere Gesamtlösungen für Wortzwischenräume. Aktivieren: Im Absatzformat unter Justierung → Kompositor → Adobe-Absatz-Kompositor.

1. Justierungsparameter anpassen: Im Absatzformat unter Justierung: Minimaler/Erwünschter/Maximaler Wortabstand und Zeichenabstand. Typische Werte: Wortabstand min. 80 %, erwünscht 100 %, max. 133 %.
2. Auf Flattersatz wechseln: Wenn Blocksatz dauerhaft hässliche Löcher erzeugt (sehr enge Spalten, viele Fachbegriffe), ist linksbündiger Flattersatz ehrlicher und lesbarer.

Hurenkinder und Schusterjungen

Diese altgermanischen Fachbegriffe der Typografie beschreiben zwei besonders störende Layoutfehler:

Hurenkind (englisch: widow): Die letzte Zeile eines Absatzes steht allein am Anfang einer neuen Spalte oder Seite. Sie wirkt verloren, isoliert vom restlichen Absatz. Im deutschen Druckhandwerk galt das Hurenkind als schlimmstes typografisches Vergehen.

Schusterjunge (englisch: orphan): Die erste Zeile eines neuen Absatzes steht allein am Ende einer Spalte oder Seite. Der Rest des Absatzes folgt auf der nächsten Seite — der Beginn eines Gedankens bleibt zurück.

Vermeidung in InDesign:

Im Absatzformat unter Absatz-Kontrollzeilen:

• Nicht-trennende Zeilen: Legt fest, wie viele Zeilen am Anfang und Ende eines Absatzes zusammenbleiben müssen.
• Für Überschriften: Zusammenhalten: Alle Zeilen im Absatz und Mit nächstem Absatz zusammenhalten aktivieren — damit bleibt eine Überschrift immer mit dem folgenden Absatz zusammen.
• Für Fließtext: Mindest-Vorangehende Zeilen und Folgezeilen auf 2 setzen — InDesign vermeidet Hurenkinder und Schusterjungen automatisch, indem es Texte auf die nächste Seite schiebt.

Manuelles Eingreifen: Wenn automatische Einstellungen nicht ausreichen:

• Weiche Zeilenschaltung (Shift+Enter) zwingt einen Zeilenumbruch, ohne einen neuen Absatz zu beginnen.
• Zeichen für Bindenden Bindestrich (Ctrl+Shift+- / Cmd+Shift+-) verhindert, dass InDesign an einem bestimmten Trennstrich trennt.
• Manuelles Verschieben von Text durch minimale Anpassung des Zeichenabstands oder Zeilenabstands im betroffenen Absatz.

Optischer Randausgleich

Buchstaben mit vertikalen Rändern (I, l, |) und solche mit schrägen oder runden Rand-Kanten (A, V, W, T, f, -, .) wirken mathematisch bündig, aber optisch leicht eingerückt. Der optische Randausgleich (optical margin alignment) lässt bestimmte Zeichen minimal über den Textrand hinausragen, damit der Textrand optisch bündiger wirkt.

InDesign aktiviert den optischen Randausgleich über Schrift → Story → Optischer Randausgleich aktivieren und einen Schriftgrößenwert eingeben (typisch: gleiche Größe wie Fließtext). Dieser Wert bestimmt, wie weit Zeichen über den Rand hinausragen.

Besonders wirksam bei:

• Anführungszeichen am Zeilenbeginn
• Großem T, A, V, W am Zeilenanfang
• Bindestrichen und Gedankenstrichen am Zeilenende
• Punkten und Kommas am Zeilenende

Satzarten im Vergleich

Bringhurst (2004) empfiehlt: „Unjustified setting is preferable when the measure is short" — bei kurzen Zeilenlängen (unter 45 Zeichen) ist Flattersatz oft besser als Blocksatz.

Laufweite und Kerning

• Laufweite (Tracking): Gleichmäßige Vergrößerung oder Verkleinerung des Zeichenabstands im gesamten Text. Kapitälchen und gesperrter Text: leicht positiver Tracking (+20 bis +50 Einheiten). Normaler Fließtext: 0.
• Kerning: Individueller Abstand zwischen bestimmten Buchstabenpaaren (AV, AT, WA etc.). InDesign nutzt optisches Kerning (Optisch) oder metrisches Kerning (Metrisch) aus den Schrift-Metadaten.

Beispiele (5 konkrete)

1. Magazin, 3 Spalten à 55 mm: Fließtext Garamond 10/14 pt, Blocksatz, Adobe-Absatz-Kompositor, Silbentrennung an. Ergebnis: ruhiges, fast lückenfreies Schriftbild.
2. Zeitungstext, 40 mm Spaltenbreite: Blocksatz erzeugt Löcher → Entscheidung für Flattersatz links. Wirkung: ehrlicher, lesbarer als zerrissener Blocksatz.
3. Gedicht in Anthologie: Linksbündig / Flattersatz, kein Einzug, viel Weißraum um den Text. Optischer Randausgleich für saubere linke Kante.
4. Buchtext mit langen Kapiteln: Absatz-Kontrollzeilen: Mindestens 2 Zeilen vorangehend / nachfolgend, um Hurenkinder zu vermeiden. Überschriften immer mit nächstem Absatz zusammenhalten.
5. Titel-Typografie: Groß gesetztes A und V in einem Titel optisch gekernt (AV-Kerning anpassen), Optischer Randausgleich für saubere linke Achse.

In der Praxis (InDesign-Workflow)

Häufige Schriftsatz-Checks:

1. Absatz-Kompositor aktivieren: Absatzformat-Dialog → Justierung → Kompositor → Adobe-Absatz-Kompositor.
2. Zusammenhalten für Überschriften: Absatzformat-Dialog → Absatz-Kontrollzeilen → Alle Zeilen zusammenhalten + Mit nächstem Absatz.
3. Optischer Randausgleich: Schrift → Story → Optischen Randausgleich aktivieren → Schriftgröße eingeben.
4. Hurenkinder/Schusterjungen suchen: Schrift → Zusammenhalten → Feinjustierung.
5. Blocksatz-Probleme visualisieren: Ansicht → Einstellungen → H&J-Verstöße einblenden — stark verzerrte Wortabstände werden gelb oder rot hervorgehoben.

Vergleich & Abgrenzung

Makrotypografie vs. Mikrotypografie: Makrotypografie betrifft strukturelle Entscheidungen (Schriftfamilie, Satzspiegel, Hierarchie). Mikrotypografie betrifft Details im Zeichensatz und Zeilenfluss. Hochuli (2008) widmet sein gesamtes Werk der Mikrotypografie und zeigt, wie entscheidend sie für die Lesequalität ist.

Typografie im Print vs. CSS-Typografie im Web: CSS-Typografie hat weniger feine Kontrolle (kein Absatz-Kompositor, kein optischer Randausgleich nativ). Was InDesign automatisch optimiert, muss im Web manuell oder mit JavaScript-Libraries realisiert werden.

Häufige Fragen (FAQ)

Wie vermeide ich Hurenkinder bei variablem Text (z. B. aus CMS)? Wenn Text automatisch eingespeist wird und sich ständig ändert, können Hurenkinder nicht vollständig manuell verhindert werden. InDesigns automatische Absatz-Kontrollzeilen helfen stark. Für Produktionen mit sehr variablem Text (Datenzusammenführung, InCopy-Workflows) sollten Absatzformate so konfiguriert sein, dass automatische Kontrolle die häufigsten Fälle abfängt.

Warum setzt man Kapitälchen nicht einfach durch Aktivieren von „Alle Großbuchstaben" in InDesign? Die Tastatur-Kapitälchen-Funktion skaliert echte Großbuchstaben herunter — das Ergebnis wirkt dünner als der normale Text, da Strichstärken nicht angepasst werden. Echte Kapitälchen (Open Type Small Caps) sind eigene, für diese Größe entworfene Buchstaben und harmonieren mit dem Fließtext. Deshalb: Nur Schriften mit echten Small-Caps-Glyphen für Kapitälchen verwenden und diese über Zeichenformate → Schriftformat → Kapitälchen aktivieren.

Verwandte Einträge

• Seitengestaltung Print
• Baseline Grid in der Praxis
• Editorial Design

Weiterführend

• Bringhurst, R. (2004). The Elements of Typographic Style (3. Aufl.). Hartley & Marks.
• Hochuli, J. (2008). Das Detail in der Typografie. Verlag Hermann Schmidt.
• Samara, T. (2005). Making and Breaking the Grid. Rockport Publishers.