Text ist überall im Design: auf Websites und in mobilen Apps, auf Werbebannern und Produktverpackungen, auf Plakaten und Flyern. Warum ist Typografie wichtig? Weil ein gut gestaltetes Textdesign die Aufmerksamkeit des Betrachters fesselt, Bedeutungen hervorhebt und Botschaften vermittelt. Die meisten Aufgaben im Grafikdesign sind ohne ein grundlegendes Verständnis von Typografie kaum lösbar.
Dieser Artikel richtet sich an alle, die die wichtigsten typografischen Begriffe, Prinzipien und Techniken erlernen möchten.
Was bedeutet der Begriff „Typografie“?
Im modernen Sinne ist Typografie die Kunst und Technik, Schrift so anzuordnen, dass geschriebener Text lesbar, gut leserlich und ansprechend wirkt. Dazu gehört die Auswahl einer Schriftart, die Anpassung ihrer Parameter und die Organisation des Textes auf der Seite. Ziel der Typografie ist es, textliche und grafische Elemente zu harmonisieren und das Design so ausdrucksstark und benutzerfreundlich wie möglich zu gestalten. Sie hilft, eine visuelle Hierarchie zu schaffen, wichtige Akzente zu setzen und die Aufmerksamkeit des Betrachters zu lenken.
Wo wird Typografie im Design eingesetzt?
Typografie findet in zahlreichen Bereichen Anwendung — überall dort, wo Grafikdesign Textelemente enthält. Beispiele:
- Webdesign (Websites, Benutzeroberflächen, mobile Apps)
- Druckmaterialien (Bücher, Zeitschriften, Zeitungen, Visitenkarten)
- Werbung und Branding (Logos, Außenwerbung, Verpackungen)
- Social Media (Posts, Stories, Werbeanzeigen)
- Infografiken, Präsentationen und vieles mehr
Daher ist das Erlernen der Grundlagen der Typografie nicht nur für Designer, sondern auch für andere Fachleute, die mit Informationen arbeiten, nützlich.
Beispiele für gute und schlechte Typografie
- Gute Typografie: Eine Website mit klarer Struktur, angemessenen Zeilenabständen und gut lesbaren Schriftarten.
- Schlechte Typografie: Text ohne Ränder, zu kleine Schriftgröße und willkürliche Schriftkombinationen.
Eine Studie der Nielsen Norman Group zeigt, dass Nutzer im Durchschnitt nur 20–28 % des Textes auf einer Webseite lesen. Gute Typografie hilft, ihre Aufmerksamkeit zu halten und Informationen leichter verdaulich zu machen.
Die Hauptelemente der Typografie
Lassen Sie uns die wichtigsten typografischen Begriffe aufschlüsseln, um zu verstehen, woraus Typografie besteht.
Schriftart und Schriftfamilie
Die Begriffe „Schriftart“ und „Schriftfamilie“ werden oft synonym verwendet. Selbst in Fachkreisen wird „Schriftart“ universell genutzt und kann sowohl die Schriftfamilie als auch den Schriftstil bezeichnen. Die Verwirrung entsteht durch das Fehlen einer einheitlichen Terminologie, da verschiedene Schriftgestalter unterschiedliche Interpretationen verwenden. Dennoch ist es wichtig, den Unterschied zu verstehen, um die Prinzipien der Typografie zu erfassen.
Eine Schriftfamilie (oder Typeface) ist eine Gruppe von Schriftarten, die stilistisch verwandt sind, aber unterschiedliche Stile aufweisen.
Eine Schriftart ist die vollständige Zeichenmenge für den Schriftsatz, die durch einen einheitlichen Stil verbunden ist. Sie ist also die Datei selbst, der Träger der Schrift.
Ein Schriftstil ist eine spezifische Schriftart innerhalb einer Schriftfamilie, die durch bestimmte grafische Merkmale wie Strichstärke, Neigung, Breite und andere Parameter von anderen Stilen unterschieden wird.
Häufig wird der Begriff „Schriftart“ sowohl für die Schriftfamilie als auch für einen bestimmten Schriftstil verwendet. Der genaue Kontext klärt, was gemeint ist. Wenn wir beispielsweise sagen, dass TT Norms® Pro die Schriftart ist, die die meisten Sprachen in der TypeType-Kollektion unterstützt, meinen wir die Schriftfamilie TT Norms® Pro. Wenn wir jedoch vorschlagen, die Schriftart TT Livret Text Regular für große Textmengen zu verwenden, beziehen wir uns auf einen spezifischen Schriftstil.
Mehr über die Bedeutung dieser Begriffe erfahren Sie in unserem Artikel.
Schriftstil, Strichstärke und Neigung
Diese Begriffe beziehen sich speziell auf den Begriff „Schriftstil“. Schauen wir uns diesen zuerst genauer an.
Ein Schriftstil ist das Erscheinungsbild einer Schriftart. Innerhalb eines Stils haben alle Zeichen einer Schriftart eine einheitliche Strichstärke, Breite oder Neigung. Eine Unterfamilie kann Schriftarten verschiedener Stile umfassen, die durch ein gemeinsames Merkmal verbunden sind. Eine Schriftfamilie wiederum vereint verschiedene Unterfamilien.
Strichstärke ist die Dicke der Zeichenelemente im Verhältnis zu ihrer Höhe. Schriftarten können leicht (z. B. Thin oder Light) oder kräftig/fett (z. B. Bold oder Black) sein.
Neigung bezieht sich auf „oblique“ Schriftarten — Schriftarten, die üblicherweise als Begleitung zum ursprünglichen geraden Stil gezeichnet werden. Die Glyphen der Zeichen ändern sich nicht, sie werden lediglich geneigt. Sie sind vor allem typisch für serifenlose Schriften. Ihre ursprüngliche Funktion war es, bestimmte Textteile hervorzuheben oder Informationen zu betonen.
Es gibt auch Kursivschriften (echte Kursivschriften) — historisch bezeichnete dieser Begriff Schreibschriften, heute wird er jedoch weiter gefasst und schließt sowohl echte Kursivschriften als auch geneigte Schriften ein. Dies sind geneigte Schriftarten, bei denen die Glyphen der Kleinbuchstaben in eine Schreibform übergehen. Sie können als eigenständige, vollwertige Schriftart erstellt werden, nicht nur als Ergänzung zu einem geraden Stil. Sie sind vor allem typisch für Serifenschriften.
Schriftgrad
Der Schriftgrad ist die Höhe einer Schriftart, also ihre vertikale Größe. Sie wird in typografischen Punkten (pt) gemessen und bestimmt, wie groß der Text auf dem Bildschirm oder im Druck erscheint.
Seitenabstand und Halbseitenabstand
Ein Halbseitenabstand ist der Abstand von einem Zeichen zum Rand seines Schriftblocks. Er kann positiv oder negativ sein. Die beiden Halbseitenabstände benachbarter Zeichen bilden den Seitenabstand. Dies ist ein wichtiger Parameter für den Buchstabenabstand eines gesamten Schriftstils. Er bestimmt, wie dicht oder locker die Schriftart erscheint.
Zeilenabstand, Kerning und Laufweite
Zeilenabstand (oder Line-Height) ist der vertikale Abstand zwischen Textzeilen, genauer gesagt zwischen ihren Grundlinien (von der Grundlinie einer Zeile zur Grundlinie der nächsten). Einfach ausgedrückt, ist es das, was viele als Zeilenabstand kennen.
Kerning ist die selektive Vergrößerung oder Verkleinerung des Abstands zwischen zwei Zeichen, abhängig von der Kombination ihrer Formen. Dies geschieht, um einen möglichst gleichmäßigen Schriftsatz zu erzeugen.
Laufweite (Buchstabenabstand) ist die Anpassung des Abstands zwischen allen Zeichen, also der Buchstabenabstand. Die Laufweite ermöglicht es, diesen Abstand einheitlich zu vergrößern oder zu verkleinern. Der Text bleibt durch Kerning gleichmäßig.
Mehr über den Unterschied zwischen diesen Begriffen und die Einstellungen für jeden Parameter erfahren Sie hier.
Arten und Stile der Typografie
Es gibt keine strikte Klassifizierung der Typografie nach Richtungen, aber bestimmte Ansätze lassen sich identifizieren. Schauen wir uns einige davon an.
Klassische und moderne Typografie
Klassische Typografie verwendet traditionelle Serif– und serifenlose Schriftarten, die sich über die Zeit bewährt haben. Sie basiert auf Prinzipien von Symmetrie, Harmonie und strengen Proportionen. Der klassische Stil ist besonders in der Buchproduktion, im Druckwesen und bei Unternehmensdokumenten beliebt.
Moderne Typografie ist freier in ihren Formen. Designer verwenden unkonventionelle Schriftarten, auffällige Akzente und asymmetrische Raster. Hier sind Verstöße gegen die Regeln der klassischen Typografie erlaubt. Dieser Ansatz ist in digitalen Umgebungen verbreitet: auf Websites, in App-Oberflächen und in sozialen Medien.
Benutzerdefinierte und Markentypografie
Benutzerdefinierte Typografie ist die Auswahl von Schriftarten und die Formatierung von Text für ein spezifisches Projekt unter Berücksichtigung seiner Ziele und Aufgaben.
Markentypografie ist die Anwendung typografischer Prinzipien, um eine erkennbare visuelle Identität für eine Marke zu schaffen. Dies umfasst die Auswahl einzigartiger oder die Verwendung speziell angefertigter Markenschriften. Dabei unterstützt die Typografie den bestehenden Markenstil und vermittelt die Werte der Marke.
Typografie im Webdesign und in Druckmaterialien
Webdesign erfordert responsive Schriftarten, die auf Bildschirmen unterschiedlicher Größe gleich gut aussehen. Weitere Parameter müssen berücksichtigt werden, da die Seite auf verschiedenen Geräten geöffnet wird. Wie die Wahl der Schriftart im Webdesign die Nutzerwahrnehmung beeinflusst, haben wir hier ausführlich besprochen.
Bei Druckprodukten gibt es ebenfalls Besonderheiten. Nicht alle Schriftarten sind für den Druck geeignet, da es Unterschiede in der Druckqualität und bei der Übertragung von Tinte auf verschiedene Oberflächen gibt. Beispielsweise können zu dünne Linien nicht gedruckt werden, und zu dicke oder schmale Buchstaben können zusammenkleben. Mehr über die Arbeit mit Schriftarten in der Buchgestaltung erfahren Sie in unserem Artikel.
Grundprinzipien der Typografie
Welche Techniken helfen, Text leicht wahrnehmbar und visuell harmonisch zu gestalten? Betrachten wir die Hauptprinzipien der Typografie.
Farbe und Kontrast
Bei der Wahl einer Schriftfarbe ist es wichtig, dass sie mit dem Hintergrund kontrastiert, auf dem der Text platziert wird. Neben der klassischen Kombination aus schwarzer Schrift auf weißem Hintergrund gibt es viele andere Möglichkeiten. Um den Farbkontrast zu überprüfen, können Sie einen speziellen Dienst nutzen.
Hierarchie
Überschriften, Unterüberschriften, Listen und Akzente helfen dem Leser, sich im Text zu orientieren und die benötigten Informationen schneller zu finden. Daher ist es wichtig, nicht nur die richtige Schriftart zu wählen, sondern auch eine visuelle Hierarchie im Text zu schaffen. Dafür können kursive Schriftarten, unterschiedliche Strichstärken, Schriftgrößen und Schriftstile verwendet werden. Eine klassische Kombination ist eine Textschrift und eine Displayschrift (mehr zu diesen Typen hier).
Ausrichtung
Die klassischen Ausrichtungsoptionen sind links, rechts, zentriert und Blocksatz. In der Textseitengestaltung wird zentrierte Ausrichtung meist für Überschriften und linke Ausrichtung für den Haupttext verwendet, da dies der Leserichtung in der europäischen Tradition entspricht.
Auf Buch- und Magazincovern, Plakaten, Flyern, in der Verpackungsgestaltung usw. ist die zentrierte Ausrichtung am häufigsten. In solchen Fällen können jedoch auch andere, einschließlich unkonventioneller, Ausrichtungsoptionen passend sein. Hier kann eine Leseschwierigkeit die Konzeption des Projekts betonen und es mutiger und ungewöhnlicher machen.
Wiederholung und Rhythmus
Wiederholung ist eines der Grundprinzipien der Komposition, das die Struktur und Integrität der visuellen Lösung sicherstellt. Sie wird verwendet, um Rhythmus zu schaffen, wichtige Elemente hervorzuheben und einzelne Teile des Designs zu einem einheitlichen System zu verbinden.
Hauptarten der Wiederholung:
- Wiederholung von Formen: Die Verwendung derselben geometrischen Formen oder Linien in verschiedenen Teilen des Layouts erhöht die visuelle Konsistenz.
- Farbwiederholung: Arbeiten innerhalb einer begrenzten Farbpalette (meist 3–4 Farbtöne) hilft, harmonische Kompositionen zu schaffen und die stilistische Integrität zu stärken.
- Texturwiederholung: Das Wiederholen bestimmter Texturlösungen (z. B. ein Raster oder Körnigkeit) hilft, einen einheitlichen Charakter für die visuelle Serie zu setzen.
- Schriftwiederholung: Es ist optimal, sich auf zwei oder drei Schriftarten oder -stile zu beschränken und ihnen Rollen zuzuweisen: eine für Überschriften, eine für den Haupttext und eine dritte für Hervorhebungen im Text.
- Wiederholung von Textformatierungsprinzipien: Wenn Sie beispielsweise Punkte zur Formatierung einer Liste verwenden, nutzen Sie dasselbe Format für andere Listen innerhalb des Projekts. Oder wenn Sie ein Zitat kursiv hervorheben, formatieren Sie andere Zitate auf dieselbe Weise.
Wie verwendet man Wiederholung richtig?
- Balance halten: Übermäßige Wiederholung macht die Komposition monoton. Es ist wichtig, Wiederholung mit Abwechslung zu kombinieren.
- Mit Mustern arbeiten: Wiederholte Muster können als Hintergrundlösungen oder dekorative Akzente verwendet werden.
- Variationen anwenden: Wiederholte Elemente können in Größe, Sättigung oder Farbton variiert werden, um Dynamik zu schaffen und Monotonie zu vermeiden.
Proportionen
Proportionen in der Typografie betreffen das Verhältnis von Breite und Höhe der Buchstaben und Zeichen in einer Schriftart sowie die Abstände zwischen ihnen, Zeilen und Absätzen. Die korrekte Anwendung von Proportionen — das Verhältnis von Zeilenbreite zu Schriftgröße, Zeilenabstand und Buchstabenabstand — ist entscheidend für die Erstellung lesbarer und visuell ansprechender Texte.
Lesbarkeit und Wahrnehmung
Lesbarkeit ist die Leichtigkeit, mit der nicht einzelne Buchstaben, sondern der gesamte Text als Ganzes wahrgenommen wird. Die Lesbarkeit einer Schriftart wird dadurch bestimmt, wie angenehm und einfach es für den Leser ist, über die Textzeilen zu „gleiten“, ohne abgelenkt oder gestolpert zu sein. Ein Bestandteil der Lesbarkeit ist die Erkennbarkeit einzelner Zeichen.
Damit Typografie im Interesse des Nutzers funktioniert, muss die Wahl der Schriftart und die Textformatierung umfassend angegangen werden. Der erste Schritt ist, die grundlegende Erkennbarkeit durch die Auswahl einer geeigneten Schriftart sicherzustellen, und anschließend die Lesbarkeit zu überprüfen und zusätzliche Parameter zu konfigurieren.
Dies ist eine komplexe Aufgabe. Wie man die Erkennbarkeit und Lesbarkeit von Text verbessern kann, haben wir in einem separaten Artikel ausführlich besprochen.
Grundregeln für die Arbeit mit Typografie
Betrachten wir die Hauptregeln, die helfen, Fehler zu vermeiden und Text funktional zu gestalten.
Wie wählt man eine Schriftart für eine Aufgabe?
Das Hauptprinzip ist, dass die Schriftart dem Zweck der Kommunikation entsprechen muss. Es ist unzulässig, eine dekorative Handschrift in einem wissenschaftlichen Artikel zu verwenden, und eine trockene, offizielle serifenlose Schrift würde auf einem Partyflyer seltsam wirken.
Für den Haupttext eignen sich neutrale Schriftarten mit guter Lesbarkeit (z. B. TT Travels Text). Sie sind vielseitig und sowohl für Web als auch für Druck geeignet. Für Überschriften können ausdrucksstärkere Schriftarten mit dekorativen Elementen gewählt werden, z. B. TT Travels Next.
Für ein tiefergehendes Studium gibt es eine ausführliche Anleitung zur Auswahl einer Schriftart für ein Projekt.
Schriftkombinationen
Verwenden Sie nicht mehr als zwei oder drei Schriftarten in einem Projekt — dies hilft, Unordnung zu vermeiden und Harmonie zu wahren. Die Regel „weniger ist mehr“ ist hier passend.
Damit Schriftarten gut harmonieren, sollten sie sowohl Gemeinsamkeiten als auch Unterschiede aufweisen. Der einfachste Weg ist, verschiedene Stile derselben Schriftfamilie zu wählen: Sie unterscheiden sich in einigen Parametern, bleiben aber stilistisch einheitlich. Sie können auch bewährte klassische Kombinationen wie Serif + Sans-Serif verwenden.
Optimaler Abstand
Der optimale Wert für den Zeilenabstand liegt üblicherweise im Bereich von 120–150 % des Schriftgrads. Zu wenig Zeilenabstand beeinträchtigt die Lesbarkeit, zu viel macht den Text „zerrissen“.
Typografie und Raster
Ein modulares Raster ist ein Werkzeug, das hilft, ein Layout mithilfe von Spalten, Zeilen und den Abständen dazwischen zu organisieren. Es setzt die Leitlinien, entlang derer der Designer Text, Bilder, Schaltflächen und andere Seitenelemente anordnet. Die Verwendung eines Rasters macht die Seite vorhersehbar und strukturiert.
Warum ist Typografie im Grafikdesign wichtig?
Typografie beeinflusst nicht nur das Erscheinungsbild von Text im Design, sondern auch viele andere Aspekte. Insbesondere:
Wahrnehmung von Informationen
Gut konfigurierte typografische Parameter helfen dem Betrachter, sich schnell zu orientieren. Studien zeigen, dass Nutzer länger auf einer Website verweilen, wenn der Text strukturiert und benutzerfreundlich ist.
Emotionale Wirkung
Verschiedene Schriftarten haben unterschiedliche Charaktere und unterschiedliche emotionale Wirkungen. Beispielsweise wandte sich das Team des Online-Kinos Ivi nach einem Rebranding an TypeType — es war nötig, eine Unternehmensschrift zu schaffen, die emotional zum neuen Image des Unternehmens passte.
Um zu verstehen, ob der Charakter der Schriftart für Nutzer wichtig ist und ob die emotionale Wahrnehmung verschiedener Optionen unterschiedlich ist, führten die Ivi-Spezialisten eine Studie durch. Die Ergebnisse zeigten, dass die Reaktion auf verschiedene Schriftarten unterschiedlich ist. Die emotionale Wahrnehmung der charakteristischeren Schriftarten, deren Skizzen wir im Rahmen des Projekts erstellt hatten, war deutlich stärker als die Wahrnehmung der zuvor auf der Website des Online-Kinos verwendeten Standardoption.
Verbesserung der Kommunikationseffizienz
Typografie hilft, wichtige Akzente zu setzen, die Zeit für die Informationssuche zu reduzieren und das Vertrauen in die Marke zu stärken. Ein Unternehmen, das in Werbung, auf seiner Website und in seiner App eine einheitliche Unternehmensschrift verwendet, wirkt professioneller, zuverlässiger und wird erkennbarer. Diese Strategie wird heute von großen Marken genutzt.
Fazit
Typografie im Grafikdesign ist nicht nur die Wahl einer schönen Schriftart. Es ist ein System von Regeln und Techniken, das hilft, grafische und textliche Elemente zu einer kohärenten Komposition zusammenzufügen, die Aufmerksamkeit des Betrachters zu lenken, die Benutzererfahrung zu verbessern und die Kommunikation zu stärken.
Was muss man lesen und wo kann man über Typografie lernen?
Hier ist eine Liste von Literatur, die TypeType-Schriftgestalter für ein tiefergehendes Studium des Themas empfehlen:
- An Essay on Typography von Eric Gill
- The New Typography. A Handbook for Modern Designers von Jan Tschichold
- The Form Of The Book von Jan Tschichold
- Stop Stealing Sheep & Find Out How Type Works von Erik Spiekermann
- The Elements of Typographic Style von Robert Bringhurst
- Designing Type von Karen Cheng
- Typography: A Manual of Design von Emil Ruder
