Typografie
Kurz erklärt
Typografie ist die Gestaltung mit Schrift: welche Schrift, in welcher Grösse, mit welchem Abstand, in welcher Zeilenlänge und in welcher Rangfolge. Sie entscheidet, ob ein Text gelesen oder nur überflogen wird und ob eine Seite ordentlich oder zusammengewürfelt wirkt. Gute Typografie fällt kaum auf. Schlechte fällt sofort auf – auch Menschen, die das Wort nie benutzen würden.
Der häufigste Irrtum: Typografie ist die Schriftwahl
Die Schrift ist der kleinste Teil der Entscheidung. Dieselbe Schrift wirkt mit engem Zeilenabstand und überlangen Zeilen anstrengend, mit Luft und kurzer Zeile ruhig. Robert Bringhurst nennt in «The Elements of Typographic Style» 45 bis 75 Zeichen als bequeme Zeilenlänge.
Was Typografie eigentlich leistet, ist Rangfolge: Was ist Überschrift, was Einleitung, was Nebensache? Wenn alles gleich laut ist, liest niemand weiter.
Woran man schlechte Typografie erkennt
Zu viele Schriften, zu viele Grössen, zu wenig Abstand. Eine Seite mit fünf Schriftgrössen, die sich kaum unterscheiden, hat keine Hierarchie, sondern Unruhe.
Und am Kontrast: Hellgraue Schrift auf weissem Grund wirkt elegant und ist für viele Menschen schlicht nicht lesbar. Die Richtlinie WCAG 2.2 verlangt für normalen Text ein Kontrastverhältnis von mindestens 4,5:1.
Für ein Schweizer KMU
Die Schweiz hat die Typografie des 20. Jahrhunderts mitgeprägt: Die Helvetica entstand 1957 als «Neue Haas Grotesk» bei der Haas'schen Schriftgiesserei in Münchenstein, und der Swiss Style mit strengem Raster und linksbündigem Satz wird bis heute weltweit gelehrt. Ein Erbe, das verpflichtet – und keine Ausrede, die Helvetica für alles zu nehmen.
Praktisch zählt etwas Nüchterneres: Eine Webschrift braucht eine Lizenz, die die Nutzung auf der Website abdeckt. Eine Desktoplizenz für Drucksachen reicht dafür in aller Regel nicht.
Wie wir damit umgehen
Wir legen Typografie als System fest, nicht als Einzelentscheid: eine Skala mit festen Stufen, feste Zeilenabstände und klare Regeln dafür, was fett gesetzt wird. Unser eigenes System steigt in jeder Stufe um den Faktor 1,333 und setzt jeden Text linksbündig.
Das System entsteht zusammen mit dem Corporate Design und wird im Code so hinterlegt, dass es auf jeder Seite gleich greift – Teil unserer Arbeit an der Brand Identity und an jeder Website, die wir bauen.
Verwandte Begriffe
Ein Begriff im Angebot, den niemand erklärt hat?
Im Strategiegespräch übersetzen wir das Angebot, das dir vorliegt – auch wenn es nicht von uns stammt.