Lektion 4

Typografie-Grundlagen

Baue Textrollen für ein Kampagnenasset, damit Claim, Beleg, Details und Aktion unterschiedliche Jobs haben.

20 Min. Brand/SocialVisuelle Entscheidungen

Lektionsschritte

Kernidee

Typografie beginnt mit Leserollen. Setze Body und Beleg zuerst lesbar, dann skalierst du Claim, Detail und Aktion um diese Basis herum.

  • Wähle Rollen vor Schriften: Display für den Claim, Body fürs Lesen, UI-Schrift für Aktion und Caption-Schrift für kleine Hinweise.
  • Setze die Body-Rolle zuerst. Wenn die Belegzeile nicht bequem lesbar ist, rettet eine lautere Headline das Layout nicht.
  • Steuere Zeilenlänge und Zeilenhöhe zusammen. Längere Zeilen brauchen mehr Leading; enge lange Zeilen machen Lesen mühsam.
  • Kombiniere eine expressive Display-Stimme mit einer verlässlichen Arbeitsschrift, statt zwei Display-Schriften teilen zu lassen.

Visuelles Beispiel

Textrollen sollten zu den Rollen der Kampagnen-Copy passen.

Vorher und nachher

Reduziere Kollisionen zwischen Textrollen.

Vorher: fünf Stimmen gleichzeitig

Claim, Beleg, Logistik und CTA nutzen ähnliche Stärke und Größe; die Hierarchie muss erraten werden.

Nachher: klare Kampagnenrollen

Der Claim führt, Belege stützen, Details scannen ruhig und die CTA hat eine eigene Aktionsrolle.

Beispiel erklärt

Warum die verbesserte Version funktioniert

Die verbesserte Promo setzt lesbare Unterstützung, bevor die Headline größer wird. Die Belegzeile hat eine kurze Zeilenlänge, genug Zeilenhöhe und ein ruhigeres Gewicht, damit sie gescannt statt entziffert wird.

Der stärkere Schritt ist keine zweite Display-Schrift. Eine expressive Claim-Stimme wird mit einer einfachen Arbeitsschrift für Beleg, Logistik und Aktion kombiniert, damit jede Textrolle einen Job hat.

Häufige Fehler

Worauf du achten solltest

Zwei Display-Schriften konkurrieren um Persönlichkeit, sodass die Schriftwahl vor der Botschaft auffällt.
Langer Unterstützungstext behält enge Zeilenhöhe, wodurch der nächste Zeileneinstieg schwer wird.
Gewicht soll eine schwache Hierarchie reparieren, obwohl Größe, Zeilenlänge oder Abstand das eigentliche Problem sind.
Details, Badges und CTA-Labels werden alle versal gesetzt, sodass kleine Copy ihre Leseform verliert.

Visueller Vergleich

Welches Layout setzt klare Textrollen?

Ein Layout lässt jede Zeile wichtig klingen. Das andere setzt zuerst lesbare Unterstützung und gibt dann Claim und Aktion klare Rollen.

Wähle eine Option, um die Design-Logik zu sehen.

Kleine Übung

Textrollen diagnostizieren

Wähle das Layout, in dem jede Zeile eine klare Rolle hat, und finde dann die Stelle, an der die Textrollen konkurrieren statt sich zu stützen.