Typografie-Grundlagen sind das systematische Wissen über Schriftanatomie, Klassifikation, Maße, Laufweite, Zeilenabstand, Lesbarkeit und Hierarchie — die handwerklichen Basisregeln, mit denen Schrift gestaltet, gesetzt und kombiniert wird.
Rubrik: Grundlagen Gestaltung · Unterrubrik: Typografie-Grundlagen · Niveau: Einsteiger Synonyme / Auch bekannt als: Schriftsatz-Grundlagen, Typography Basics, Grundlagen der Typografie
Was sind Typografie-Grundlagen?
Typografie-Grundlagen umfassen die Begriffe, Regeln und Werkzeuge, die nötig sind, um Schrift bewusst zu gestalten — vom Verstehen einer Buchstabenform über die Wahl einer Schriftklassifikation bis zur Einstellung von Laufweite, Zeilenabstand und hierarchischer Gliederung. Sie bilden die Grundlage für Buch- und Magazinsatz, Webdesign, Branding, UI und alle gestalterischen Disziplinen, in denen Text vorkommt.
Erklärung
Typografie unterscheidet Makrotypografie (Layout, Spalten, Hierarchie, Weißraum) und Mikrotypografie (Detailarbeit an Buchstabenabständen, Ligaturen, Anführungszeichen, Auszeichnungen). Beide Ebenen müssen zusammenwirken — ein perfekt gesetzter Absatz hilft wenig, wenn die Hierarchie der Seite unklar bleibt.
Jeder Buchstabe folgt einer Anatomie: Versalhöhe, x-Höhe, Mittellänge, Oberlänge, Unterlänge, Grundlinie (Baseline), Punze (Innenraum), Serife (kleiner Querstrich am Strichende), An- und Abstrich. Die Verhältnisse dieser Bestandteile prägen den Charakter einer Schrift — eine hohe x-Höhe (z. B. Helvetica) wirkt modern und lesbar in kleinen Größen, eine niedrige (z. B. Bembo) klassisch und elegant.
Schriften werden nach Klassifikationen geordnet — populär ist die Schriftklassifikation DIN 16518 mit elf Gruppen, international die Vox-ATypI-Klassifikation. Grobe Einteilung: Serif (mit Serifen, z. B. Garamond, Times), Sans Serif (ohne Serifen, z. B. Helvetica, Inter), Slab Serif (rechteckige Serifen, z. B. Rockwell), Script (Schreibschrift), Display (Schauschriften für Headlines), Monospace (gleichbreit, z. B. Courier).
Typografische Maße: Schriftgrad in Punkt (1 pt = 1/72 Zoll = 0,353 mm), Zeilenabstand (Leading) typisch 120–145 % der Schriftgröße, Spaltenbreite zwischen 45–75 Zeichen pro Zeile (CPL — characters per line) für gute Lesbarkeit. Laufweite (Tracking) verändert den globalen Abstand zwischen allen Buchstaben, Kerning den optischen Abstand zwischen einzelnen Buchstabenpaaren (z. B. „AV", „To"). Auf der Makro-Ebene baut typografische Hierarchie auf Schriftgröße, -gewicht, -lage, Farbe und Weißraum auf — gute Hierarchie führt das Auge ohne Reibung durch die Seite.
Lesbarkeit und Leserlichkeit sind nicht dasselbe: Leserlichkeit (Legibility) beschreibt, wie leicht einzelne Zeichen unterschieden werden, Lesbarkeit (Readability) den Lesefluss eines ganzen Textes — beides hängt von Schriftwahl, Größe, Zeilenlänge, Kontrast und Medium ab.
Beispiele
- Beispiel 1 – Klassischer Buchsatz: Garamond 10/14 pt, Spaltenbreite ca. 65 Zeichen, Blocksatz mit aktivierter Silbentrennung, Erstzeileneinzug. Ergebnis: ruhiger, ungestörter Lesefluss.
- Beispiel 2 – Editorial-Magazin: Headline in Display-Serif 60 pt, Lead-Text in Sans-Serif 14/22 pt, Fließtext in Serif 9.5/14 pt — drei Schriften, klare Hierarchiefunktion.
- Beispiel 3 – Webdesign: Inter Variable 16/24 px Fließtext, Inter Bold 28 px Subheads, ausreichend Weißraum, max. 70 Zeichen pro Zeile — typisches modernes Web-Setup.
- Beispiel 4 – Branding: Eine Wortmarke aus einer ungewöhnlichen Display-Schrift, kombiniert mit einer neutralen Sans-Serif für alle übrigen Anwendungen — Wiedererkennung plus Funktionalität.
- Beispiel 5 – Tabelle: Monospace-Schrift oder eine Sans-Serif mit Tabular Figures sorgt dafür, dass Zahlenspalten sauber untereinander stehen.
- Beispiel 6 – Plakat: Versale in extra-engem Tracking, große Display-Schrift, knapp gehaltene Textmenge — Wirkung über Form, nicht über Lesefluss.
In der Praxis
Vier Faustregeln: (1) Eine Schrift kann reichen. Eine gute Familie mit mehreren Schnitten (Light, Regular, Bold, Italic) bedient meist alle Hierarchieebenen. (2) Zeilenlänge wichtiger als Schriftgröße. Über 80 Zeichen pro Zeile sinkt der Lesefluss spürbar. (3) Kontrast bewusst steuern. Headline und Fließtext brauchen klaren Größen-, Gewichts- oder Stilkontrast — Subheads in „Bold 16 pt" und Fließtext in „Regular 15 pt" wirken unentschlossen. (4) Mikrotypografie zählt. Echte Anführungszeichen („"), Halbgeviertstrich (–) statt Bindestrich, geschützte Leerzeichen vor Einheiten — Details, die professionelle von amateurhafter Setzung trennen.
Werkzeuge: Adobe InDesign für Print/Editorial, Figma für UI/Web, Glyphs/FontLab für Schriftdesign, Variable Fonts für flexible Web-Typografie. Schriften beziehen aus: Adobe Fonts, Google Fonts, MyFonts, Type Network, Future Fonts.
Vergleich & Abgrenzung
| Merkmal | Mikrotypografie | Makrotypografie |
|---|---|---|
| Ebene | Detail (Zeichen, Wort, Zeile) | Layout (Seite, Spalten, Raster) |
| Beispiele | Kerning, Ligaturen, Anführungszeichen | Hierarchie, Spaltenbreite, Weißraum |
| Werkzeug | Glyphs-Panel, OpenType Features | Raster, Stilbibliothek, Master-Pages |
| Sichtbarkeit | Spürbar, oft unbewusst | Sofort sichtbar |
Häufige Fragen (FAQ)
Wie viele Schriften sollte ein Layout haben? In der Regel 1 bis 3. Eine gute Schriftfamilie mit mehreren Schnitten reicht meist. Bei zwei Schriften sinnvoll: eine für Headlines (Display/Serif) und eine für Fließtext (Sans-Serif). Drei sind nur dann gerechtfertigt, wenn jede eine klare funktionale Rolle hat (z. B. Headline, Lead, Code).
Was ist der Unterschied zwischen Schriftgröße in Print und Screen? Print misst in Punkt (1 pt = 0,353 mm), Screen in Pixeln (1 px = 1/96 Zoll im Web-Standard). 12 pt Print entspricht ungefähr 16 px Screen. Auf hochauflösenden Bildschirmen (Retina) verschiebt sich das Verhältnis. Für gute Web-Lesbarkeit gilt 16 px als Fließtext-Untergrenze.
Welche Schrift ist „die richtige"? Es gibt keine universell richtige Schrift. Auswahlkriterien: Lesbarkeit im Zielmedium, Charakter passend zur Marke/Inhalt, ausreichend Schnitte und Sprachunterstützung, Lizenz für die geplante Nutzung. Vorsicht bei „Trendschriften" — eine zeitlose, gut gezeichnete Schrift hält länger als eine modische.
Weiterführend
- Bringhurst, Robert (2013): The Elements of Typographic Style. Hartley & Marks, 4. Aufl.
- Willberg, Hans Peter / Forssman, Friedrich (2010): Lesetypografie. Verlag Hermann Schmidt Mainz
- Müller-Brockmann, Josef (1981, Nachdruck 2018): Grid Systems in Graphic Design. Niggli
- Adobe (laufend): Typography Learn & Support. helpx.adobe.com/typography
