Typografie im Layout bezeichnet das Zusammenspiel von Schriftwahl, Satzspiegel, Spaltenraster und typografischer Hierarchie, durch das geschriebene Sprache zu einer lesbaren, visuell organisierten Komposition wird.
Rubrik: Grafik & Kommunikationsdesign · Unterrubrik: Editorial Design · Niveau: Fortgeschritten Synonyme / Auch bekannt als: Typografisches Layout, Schriftsatz im Layout, Typo-Layout, Typesetting
Was ist Typografie im Layout?
Typografie im Layout ist die Disziplin, Buchstaben, Wörter und Textblöcke so im Gestaltungsraster anzuordnen, dass Inhalte hierarchisch geordnet, gut lesbar und visuell ansprechend wirken. Sie verbindet Mikrotypografie (Buchstabenabstand, Laufweite, Zeilenabstand) mit Makrotypografie (Satzspiegel, Spalten, Weißraum) und ist das Herzstück jedes Editorial-Designs – von der Tageszeitung bis zum Hochglanzmagazin.
Erklärung
Während reine Schriftgestaltung sich mit der Form einzelner Glyphen beschäftigt, geht es bei Typografie im Layout um die räumliche Organisation von Text auf einer Fläche. Designer legen fest, welche Schriftart für Fließtext, Überschriften, Bildunterschriften und Pagina verwendet wird, wie groß die Grundschrift ist, welcher Zeilenabstand und welche Spaltenbreite zum gewählten Format passen. Eine 80-Zeichen-Spalte wirkt lesbar in einem Roman, in einem Magazin würde sie hingegen schnell ermüden – dort sind 45 bis 65 Zeichen pro Zeile Standard.
Die typografische Hierarchie steuert den Leseweg: H1 zieht den Blick zuerst an, Subheads gliedern den Text, Initialen markieren Absatzanfänge, Zwischentitel rhythmisieren lange Strecken. Schriftkontrast – Serif vs. Sans, Light vs. Black, schmal vs. breit – schafft Differenzierung, ohne dass mehr als zwei oder drei Schriftfamilien nötig sind. Gute Typografie im Layout fällt nicht auf, sie führt das Auge unaufdringlich durch den Text. Sie ist immer auch funktional: Lesbarkeit, Barrierefreiheit, Wiedererkennung und Markenidentität spielen zusammen.
Im Editorial-Design entscheidet die Typografie maßgeblich über den Charakter einer Publikation. Die FAZ nutzt klassische Serifen mit engen Spalten, Wired setzt auf kontrastreiche Display-Typografie mit experimentellen Anschnitten, Brand Eins lebt von ruhigen Grotesken in großzügigem Weißraum.
Beispiele
- Magazin-Doppelseite: Linke Seite Eyecatcher-Headline in 80 pt Serif, rechte Seite 11/15 pt Fließtext in drei Spalten mit Marginalspalte.
- Geschäftsbericht: Univers Light für Fließtext, Univers Bold für Kennzahlen, klare 12-Spalten-Grundstruktur.
- Zeitung: Times-Variante als Fließtext, schmale Sans-Serif für Subheads, fünfspaltiges Raster auf Tabloid-Format.
- Buchgestaltung: Garamond 10/14 pt mit klassischem Goldenen-Schnitt-Satzspiegel und Marginalien für Anmerkungen.
- Webseite Editorial: Größere Grundschrift (18–20 px), maximal 600 px Spaltenbreite, responsive Hierarchie über Heading-Skala.
- Plakat: Eine einzige Schriftfamilie in 5 Stärken, Größe schafft die gesamte Hierarchie.
In der Praxis
Im professionellen Workflow startet Typografie im Layout mit dem Satzspiegel: Doppelseite, Spaltenzahl, Stege, Grundlinienraster. In Adobe InDesign werden Absatz- und Zeichenformate angelegt, sodass Änderungen zentral steuerbar sind. Wichtig sind Optische Achsen, Hurenkinder-/Schusterjungen-Vermeidung, Trennregeln und Ligaturen. Web-Designer arbeiten mit modularen Skalen (z.B. 1.250 Quart) und einer Typografie-Stack-Definition in CSS. Tools wie Modular Scale Calculator, Type-Scale.com oder Figma-Variables helfen bei konsistenter Hierarchie. Erfahrene Editorial-Designer arbeiten zudem mit einem Stilmuster-Bogen, der für jede wiederkehrende Textsorte (Lead, Caption, Kicker, Crosshead) eine eindeutige Formatdefinition festlegt.
Vergleich & Abgrenzung
Typografie im Layout wird oft mit reiner Schriftgestaltung oder mit Layout im Allgemeinen verwechselt. Die Unterscheidung:
| Merkmal | Typografie im Layout | Schriftgestaltung | Layoutgestaltung allgemein |
|---|---|---|---|
| Fokus | Schrift in Komposition | Form einzelner Glyphen | Anordnung aller Elemente |
| Werkzeug | InDesign, Figma | Glyphs, FontLab | InDesign, Figma, XD |
| Output | Druckwerk / Webseite | Schriftdatei (.otf) | Layout-Datei |
| Beruf | Editorial-Designer | Schriftgestalter | Grafikdesigner |
Häufige Fragen (FAQ)
Wie viele Schriften darf ich in einem Layout kombinieren? Faustregel: maximal zwei bis drei Schriftfamilien – idealerweise eine Serif und eine Sans-Serif mit guter Charakterkontrastierung. Mehr Schriften wirken unruhig und schwächen die Hierarchie. Profis kommen oft mit einer einzigen Schriftfamilie aus, wenn diese viele Schnitte (Light bis Black, Italic, Condensed) bietet.
Welche Spaltenbreite ist optimal lesbar? 45 bis 75 Zeichen pro Zeile gelten als Lesbarkeits-Sweet-Spot. Kürzere Zeilen ermüden durch häufige Sprünge, längere führen zum Verlieren der Zeile. Im Web entspricht das etwa 50 bis 65 em Spaltenbreite. Eine Marginal- oder Bildspalte kann das Hauptmaß ergänzen.
Was unterscheidet Mikro- von Makrotypografie? Mikrotypografie kümmert sich um Buchstabenabstand, Laufweite, Kerning, Ligaturen und Zeichenformen – also die Detailebene. Makrotypografie steuert Satzspiegel, Spaltenzahl, Hierarchie und Weißraum – also die Layoutebene. Ein gutes Layout berücksichtigt beides.
Verwandte Einträge
Weiterführend
- Bringhurst, Robert (2013): The Elements of Typographic Style. Hartley & Marks.
- Willberg, Hans Peter / Forssman, Friedrich (2005): Lesetypografie. Verlag Hermann Schmidt Mainz.
- Müller-Brockmann, Josef (2018): Rastersysteme für die visuelle Gestaltung. Niggli.
- Hochuli, Jost (2008): Detail in Typography. Hyphen Press.
