Wir lesen nicht nur Wörter, wir hören ihren Tonfall. Eine runde, freundliche Sans wirkt nahbar; eine elegante Serif strahlt Ruhe und Klasse aus; eine Monospace erinnert an Tech und Präzision. Diese Wirkung geschieht unterbewusst in Sekunden.
Welche drei Adjektive sollen Nutzer fühlen, bevor sie den ersten Satz gelesen haben? – Wähle Schrift(en), die genau diese Haltung verkörpern (z. B. „kompetent, ruhig, modern“ vs. „verspielt, mutig, kreativ“).
Beispiele
- Fintech/Versicherung: humanistische Sans (freundlich, sachlich, vertrauensbildend)
- Fashion/Editorial: charaktervolle Serif (elegant, wertig)
- Developer-Tools: Monospace-Akzent in Headlines (präzise, technisch)
- Kids/Edu: runde Sans, größere Buchstabenformen (zugänglich, warm)
Typo lenkt den Blick
Gute Typografie baut eine klare Hierarchie: Was ist wichtig, was zweitrangig? Nutzer scannen zuerst Größen, Gewichte, Abstände – erst dann lesen sie.
Was Nutzer sofort spüren
- Überschriften führen, Fließtext erklärt.
- Gewichte (Regular/Bold) setzen Prioritäten – zu viel Bold nimmt allem die Betonung.
- Weißraum ist ein Gestaltungselement: Luft hilft dem Auge, Zusammenhänge zu erkennen.
- Buttons brauchen klare, kontrastreiche Beschriftung – Microcopy + Lesbarkeit = mehr Klicks.
Anti-Pattern
- Alles sieht gleich wichtig aus (keine Führung).
- Versalien (NUR GROSSBUCHSTABEN) in längeren Texten – wirkt „schreiend“ und erschwert das Erkennen von Wortformen.
Leicht statt laut: Kognitive Last reduzieren
Nutzer kommen mit einem Ziel – Typografie darf nicht im Weg stehen.
So fühlt sich Text leichter an
- Einfachheit vor Vielfalt: lieber 1–2 Schriftfamilien, wenige Schnitte.
- Ruhige Textblöcke: großzügiger Zeilenabstand und sinnvolle Absatzlänge.
- Konsistente Muster: Wiederkehrende Größen/Abstände geben Sicherheit und Tempo im Lesen.
- Klare Linkstile: Links müssen als Links erkennbar sein (nicht nur Farbe, auch Form/Unterstreichung).
Vertrauen & Glaubwürdigkeit
Typo kann seriös, sachlich, warm oder luxuriös wirken – und das beeinflusst Glaubwürdigkeit.
Denke in Gegensätzen
- Neutral vs. Charaktervoll: Neutral hilft Fokus & Zugänglichkeit. Charakter stiftet Wiedererkennung.
- Zeitlos vs. Trendig: Zeitlos ist langlebig; Trend setzt ein Statement (ideal als Akzent, nicht als Fließtext).
- Plattformkonform vs. Markenstimme: Systemschrift (iOS/Android/Web-Stack) wirkt nativ & schnell; Markenfont schafft Unverwechselbarkeit. Häufig: Brand-Font für Headline, neutrale Sans für Body.
Inklusion, die man fühlt: Zugänglich - respektvoll
Barrierearme Typografie schließt ein – und verbessert für alle die Lesbarkeit.
Spürbare Prinzipien
- Starker Kontrast zwischen Text und Hintergrund (hellgrau auf weiß ist selten genug).
- Genug Größe – besonders mobil; niemand sollte zoomen müssen.
- Keine Farbe als einziges Signal (z. B. Fehler nur in Rot → zusätzlich Label/Icon).
- Verwechslungsarme Formen (I/l/1): wähle Fonts, in denen diese Zeichen klar unterscheidbar sind.
- Dyslexie berücksichtigen: linkbündig, gemischte Groß-/Kleinschreibung, ruhige Wortbilder.
- Respektiere Systemeinstellungen (z. B. größere Schrift in den Geräteeinstellungen) – das ist echtes User-Care.
Web vs. Mobile: Kontext schlägt Stil
Die Prinzipien sind gleich, der Kontext variiert:
- Mobile: weniger Platz, unterwegs gelesen → prägnante Überschriften, knappe Absätze, tappbare Buttons mit klarer Beschriftung.
- Desktop: mehr Elemente gleichzeitig sichtbar → stärkere Typo-Hierarchie hilft beim Scannen großer Flächen.
- Beides: real testen – auf hellem Sonnenlicht, mit Müdigkeit am Abend, mit Links- und Rechtshändern, mit älteren Nutzer:innen.
Trends – nur wenn sie Nutzen stiften
Trends sind Werkzeuge, keine Ziele.
- Variable Fonts: eine Schrift, viele Stärken/Breiten – kann sich adaptiv an Situation oder Screen anpassen. Spürbarer Nutzen: gleichmäßiger Rhythmus, weniger „Typo-Sprünge“, starke Headline, ruhiger Body.
- Expressive Headlines: Charakter in der Überschrift, klarer Body für Lesetexte. So verbindet man Marke + Usability.
- Nostalgie/Retro als Akzent: emotional, wiedererkennbar – in der Hero-Section top, im Fließtext sparsam.
- Systemfonts bewusst gewählt: maximal schnell, nativ wirkend – wenn Performance & Nüchternheit Kern der Experience sind.
Sechs Entscheidungen, die Nutzer sofort merken
- Wie viele Schriften? 1–2 reichen völlig.
- Grundstimmung: sachlich (Sans) vs. editorial (Serif) vs. technisch (Mono).
- Größenabstufung: klare Unterschiede zwischen H1/H2/Body.
- Gewichte: Regular für Lesetext, Bold für Signale – nicht umgekehrt.
- Abstände: Luft über/unter Überschriften; Textblöcke nicht quetschen.
- Groß-/Kleinschreibung: Versalien nur als Gewürz, nicht als Hauptzutat.
![[object Object]](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fqnbxd1h1%2Fproduction%2F8727914f0f746a2c080b0900f9295d01e6fe1c89-930x1240.jpg&w=1920&q=75)
Dan Wojcik
Geschäftsführer / UX