Zeichenabstand, Unterschneidung & Zeilenabstand: Die Grundlagen guter Typografie

Gute Typografie fällt oft gar nicht auf. Den meisten Lesern fallen Abstände nicht sofort auf, aber sie merken es, wenn etwas nicht stimmt. Dieses feine Gleichgewicht prägt sowohl die Struktur als auch die Lesbarkeit eines Textes.

Diese „unsichtbare Kunst“ lässt sich auf drei grundlegende Einstellungen zurückführen: Unterschneidung, Zeichenabstand und Zeilenabstand. Obwohl alle genannten Begriffe den Abstand betreffen, erfüllen sie doch unterschiedliche Funktionen. Nur wenn du ihr Zusammenspiel verstehst, kannst du die Typografie wirklich beherrschen.

In diesem Leitfaden erfährst du, was die einzelnen Begriffe bedeuten, worin sie sich unterscheiden und wie du sie in deinen Entwürfen effektiv einsetzen kannst.

Was bedeutet „Zeilenabstand“?

Der Zeilenabstand (auch als „Line Spacing“ bezeichnet) ist der vertikale Abstand zwischen den Textzeilen. Er wirkt sich erheblich auf die Lesbarkeit aus, da der Text dadurch übersichtlicher und weniger überladen wirkt.

Wenn jedoch zu viel Platz vorhanden ist, kann der Text schwerer zu lesen sein, da die Zeilen zu wenig Zusammenhang miteinander haben. Daher kommt es auf die perfekte Balance an: Der Zeilenabstand sollte weder zu gedrängt noch zu weitläufig wirken. Als Faustregel gilt ein Zeilenabstand von 120 bis 145 % der Schriftgröße.

Die wichtigsten Punkte, die du beachten solltest, sind:

• Grundlinie: die unsichtbare Linie, auf der der Text steht.
• Oberlängen: Teile von Buchstaben, die über die Grundlinie hinausragen (z. B. die Oberseite eines „d“ oder „h“).
• Unterlängen: Teile von Buchstaben, die unter die Grundlinie reichen (z. B. „g“ oder „y“).

All diese Elemente wirken sich auf den Text aus und sorgen für einen einheitlichen Zeilenabstand und optimale Lesbarkeit.

Was ist Unterschneidung?

Unter „Unterschneidung“ versteht man den Abstand zwischen zwei bestimmten Zeichen. Das unterscheidet sich vom allgemeinen Zeichenabstand, der sich auf alle Zeichen in einem Wort oder Satz bezieht. Die Unterschneidung ist besonders wichtig bei Zeichen, die aufgrund ihrer Form ungleichmäßig wirken können.

Das passiert bei der Verwendung bestimmter Schriftarten, bei denen bestimmte Buchstabenpaare optische Unstimmigkeiten aufweisen, die störende Lücken verursachen können. Je nach Design erfordern verschiedene Schriftarten möglicherweise unterschiedliche Anpassungen der Unterschneidung.

Die häufigsten Unterschneidungs-Paare, auf die du achten solltest:

• Schrägstehende Buchstaben: AV, AW, VA, WA, YA
• Kombinationen mit T oder F: To, Ta, Te, Fa, Fo
• Buchstaben mit diagonalen oder vertikalen Kombinationen: LT, LV, LY

Arten der Unterschneidung

Es gibt drei Hauptarten der Unterschneidung:

• Metrische Unterschneidung: automatische Unterschneidung, die vom Schriftdesigner festgelegt wird.
• Optische Unterschneidung: Der Abstand, der von der Software anhand der Buchstabenformen angepasst wird.
• Manuelle Unterschneidung: Ermöglicht Designern die präzise Anpassung der Unterschneidung für die volle Kontrolle.

Wann kommt es am meisten auf die Unterschneidung an?

Die Unterschneidung ist besonders wichtig bei Überschriften, Logos und beim Branding. Denn die Unterschneidung fällt besonders auf, wenn die Schrift größer ist, da die ungleichmäßigen Abstände dann deutlicher werden. Eine Überschrift beeinflusst zum Beispiel, wie der gesamte Text wirkt, daher ist es sehr wichtig, die Unterschneidung entsprechend anzupassen.

Was ist der Zeichenabstand?

Mit dem Zeichenabstand (auch als „Letter Spacing“ bezeichnet) lässt sich der Abstand innerhalb einer Zeichengruppe oder eines gesamten Textblocks einheitlich anpassen. Im Gegensatz zur Unterschneidung wird der Zeichenabstand nicht paarweise, sondern gleichmäßig angewendet.

Das dient dazu, das visuelle Gleichgewicht zu wahren und die Lesbarkeit zu verbessern, damit der Text weder zu dicht noch zu locker wirkt. Es gibt bestimmte Situationen, in denen der Zeichenabstand vergrößert werden sollte, und andere, in denen er verkleinert werden sollte.

Der Zeichenabstand sollte erhöht werden, wenn:

• es um Großbuchstaben oder Kapitälchen geht
• es um Arbeiten mit kleinen Schriftgrößen (unter 10 pt) geht
• leichte Schriftarten verwendet werden
• du lange Textzeilen gestalten willst

Der Zeichenabstand sollte verringert werden, wenn:

• es um das Erstellen von großen Überschriften (über 18–24 pt), Titeln oder Logos geht
• du den Text zusammenhängender gestalten möchtest
• du Zeilenwechsel verkürzen oder dichte Textblöcke bearbeiten musst

Der Unterschied zwischen Unterschneidung und Zeichenabstand

Sowohl Unterschneidung als auch Zeichenabstand dienen dazu, den Abstand zwischen Zeichen zu regeln, allerdings auf unterschiedlichen Ebenen:

1. Unterschneidung: befasst sich mit dem Abstand auf Mikroebene (zwischen zwei bestimmten Zeichen)
2. Zeichenabstand: Bezieht sich auf den Abstand auf Makroebene (innerhalb eines Wortes, Satzes oder Textblocks)

Du fragst dich vielleicht, wann man welche Variante anpassen sollte. Die Antwort hängt von deinem konkreten Fall ab. Die Unterschneidung solltest du anpassen, wenn ein bestimmtes Buchstabenpaar optisch nicht richtig aussieht; den Zeichenabstand passt du an, wenn die Gesamtdichte des Textes geändert werden muss. Durch das Anpassen der Unterschneidung wird eine ausgewogene Darstellung gewährleistet und unschöne Lücken zwischen den Buchstaben werden beseitigt. Der Zeichenabstand kann die Lesbarkeit eines gesamten Textes verbessern und verschiedene Effekte erzielen, von einem kompakten Erscheinungsbild bis hin zu einer großzügigeren Anordnung.

Ein weit verbreiteter Irrtum ist, dass diese Begriffe synonym verwendet werden können. Das stimmt nicht, denn jeder Begriff löst ein anderes Problem.

Wie Unterschneidung, Zeichenabstand und Zeilenabstand zusammenwirken

Wenn du einen Text verfasst, wirken sich diese Steuerelemente auf drei verschiedene Bereiche aus: den horizontalen Abstand zwischen Paaren, den horizontalen Abstand zwischen Gruppen und den vertikalen Abstand zwischen Zeilen.

Wichtig zu wissen ist, wann man welche Einstellung anpassen muss. Wenn dir der Abstand zwischen zwei Zeichen nicht richtig erscheint, passe die Unterschneidung an. Falls du die Lesbarkeit der Zeilen verbessern möchtest, ändere den Zeilenabstand. Sollte der Zeichenabstand insgesamt ungleichmäßig wirken, ist es am besten, wenn du den Zeichenabstand anpasst.

Die verschiedenen Abstandsarten unterscheiden sich zwar voneinander, sind aber am effektivsten, wenn man sie zusammen nutzt. Zum Beispiel kann eine Überschrift zwar die perfekte Unterschneidung haben, aber trotzdem nicht ganz stimmig wirken, wenn der Zeichenabstand oder der Zeilenabstand ungünstig gewählt sind.

Ein gängiger Arbeitsablauf für Designer ist es, zunächst den Zeilenabstand anzupassen, dann den Zeichenabstand zu verfeinern und schließlich die Unterschneidung zu optimieren.

So passt du Unterschneidung, Zeichenabstand und Zeilenabstand in Affinity an

Affinity ist ein leistungsstarkes Design-Tool zum Bearbeiten von Fotos, Erstellen von Grafiken und Entwerfen von Layouts, das dir zudem volle Kontrolle über die Typografie bietet.

Unterschneidung

Standardmäßig verwendet Affinity die in der Schriftartdatei festgelegte metrische Unterschneidung. So passt du die Unterschneidung manuell an:

1. Öffne dein Dokument im Affinity-Studio „Layout“.
2. Setze den Cursor zwischen die Zeichen, die du anpassen möchtest.
3. Im rechten Panel öffnest du die Registerkarte Zeichen und gehst auf Position & Transformation.
4. Wähle das Dropdown-Menü V/A aus und wähle einen Wert.
5. Positive Werte vergrößern den Abstand; negative Werte verringern ihn.

Tastenkürzel

• Auf dem Mac: Drücke Option ⌥ + Pfeil nach rechts, um den Abstand zu vergrößern, und Option ⌥ + Pfeil nach links, um ihn zu verkleinern.
• Unter Windows: Drücke Alt + Pfeil nach rechts, um den Abstand zu vergrößern, und Alt + Pfeil nach links, um ihn zu verkleinern.

Zeichenabstand

1. Wähle den Bereich des zu anzupassenden Textes aus.
2. Im Panel Zeichen gehst du auf Position & Transformation.
3. Im Dropdown-Menü V/A passt du den Wert an.
4. Positive Werte vergrößern den Abstand; negative Werte verkleinern ihn.

Tastenkürzel (die gleichen wie bei der Unterschneidung):

• Auf dem Mac: Drücke Option ⌥ + Pfeil nach rechts, um den Abstand zu vergrößern, und Option ⌥ + Pfeil nach links, um ihn zu verkleinern.
• Unter Windows: Drücke Alt + Pfeil nach rechts, um den Abstand zu vergrößern, und Alt + Pfeil nach links, um ihn zu verkleinern.

Weitere Informationen zu Zeichenabstand und Unterschneidung findest du in unserem Help Center.

Der Zeilenabstand

Über die Symbolleiste auf der rechten Seite:

1. Klicke auf Absatz und dann auf Zeilenabstand.
2. Wähle in der Dropdown-Liste eine Einstellung aus: Standard, Genau, % der Höhe, Mindestens oder Mehrfach oder wähle einen der angegebenen Werte aus. Höhere Werte vergrößern den Zeilenabstand.
3. Mit weiteren Optionen kannst du den Absatz links oder rechts einrücken oder vor und nach ihm Abstand einfügen.

Für spezifische Anpassungen kannst du Abstandskorrektur verwenden.

Dazu gehst du wie folgt vor:

1. Wähle den Textbereich, der korrigiert werden soll.
2. Gehe auf das Panel Zeichen. Unter Position & Transformation ändere den Wert Abstandskorrektur.

Wenn du mehr erfahren möchtest, schau dir in unserem Help Center „Zeilen- und Absatzabstand“ an.

Unterschneidung, Zeichenabstand und Zeilenabstand: Der Schlüssel zu besserer Typografie

Unterschneidung, Zeichenabstand und Zeilenabstand beeinflussen alle den Abstand, allerdings auf unterschiedlichen Ebenen.

Bei der Unterschneidung wird der Abstand zwischen einzelnen Buchstabenpaaren angepasst, während beim Zeichenabstand ein einheitlicher Abstand über eine Gruppe von Zeichen oder einen ganzen Textblock hinweg angewendet wird; beide Funktionen wirken sich auf die horizontale Achse aus. Der Zeilenabstand hingegen regelt den vertikalen Abstand zwischen den Zeilen und spielt eine entscheidende Rolle für die Lesbarkeit und das Gesamtlayout.

Eine starke Typografie entsteht durch die Ausgewogenheit aller drei Elemente. Schon kleine Änderungen können das Erscheinungsbild deines Textes verfeinern.

Der beste Weg, sich zu verbessern, ist zu üben. Nimm eine Überschrift, passe alle drei Einstellungen an und beobachte, wie sich das Ergebnis durch kleine Anpassungen verändert.

Entdecke das Studio „Layout“, um diese Prinzipien in einer professionellen Designumgebung anzuwenden und Typografie zu gestalten, die die Lesbarkeit erhöht und deine Designs aufwertet.