Designpsychologie
Kernfrage
Wie wirken Farben und Schrift?
Farbe und Schrift sind die schnellsten Mittel, um Stimmung, Ton und Ordnung zu erzeugen. Sie entscheiden zugleich darüber, ob ein Text lesbar und eine Oberfläche für alle nutzbar ist.
Lernziel: Du wählst Farben und Schriften begründet, prüfst Kontrast und Lesbarkeit und kannst erklären, warum es keine universellen Farbrezepte gibt.
Farbe und Schrift sprechen, bevor jemand liest.
4.1 / Farbe & Kontrast
Lesbar ist, was sich genug abhebt.
Farbe lässt sich durch Farbton, Sättigung und Helligkeit beschreiben. Für die Lesbarkeit zählt vor allem der Helligkeitskontrast zwischen Text und Hintergrund, weniger der Farbton. Hellgrauer Text auf Weiss ist schwer zu lesen, auch wenn der Farbton gefällt.
Die Web Content Accessibility Guidelines (WCAG) nennen Richtwerte, die du mit einem Kontrast-Checker prüfen kannst:
NORMALER TEXT
mind. 4,5 : 1
Kontrastverhältnis für Fliesstext (Stufe AA).
GROSSER TEXT
mind. 3 : 1
Für grosse Schrift, etwa ab 24 px oder 19 px fett (Stufe AA).
FARBE ALLEIN
Nie ohne Zeichen
Status und Fehler zusätzlich mit Symbol oder Text zeigen.
Etwa 8 % der Männer und rund 0,5 % der Frauen haben eine Rot-Grün-Schwäche. Verlasse dich deshalb nie allein auf Farbe.
Kontrast zuerst, Farbton danach.
4.2 / Farbwirkung
Farbassoziationen sind gelernt, nicht festgelegt.
Farben lösen Assoziationen aus, doch diese sind kulturell und situativ geprägt. Rot kann Warnung, Liebe, Glück oder Rabatt bedeuten, Weiss steht in manchen Kulturen für Hochzeit und in anderen für Trauer. Auch der Kontext zählt: Ein rotes Element in einer Bank wirkt anders als in einer Notfall-App.
Pauschale Aussagen wie «Blau schafft Vertrauen» sind Vereinfachungen. Studien zur Wirkung einzelner Farben sind oft klein oder lassen sich schwer wiederholen. Verlässlicher sind Vergleiche mit der eigenen Zielgruppe.
Praktische Folgen: Nutze Farbe zuerst funktional (Hierarchie, Zustand, Gruppierung), halte die Palette klein und konsistent und teste Wirkungsannahmen, statt sie vorauszusetzen.
Farbe bedeutet nichts ohne Kontext.
4.3 / Typografie
Gute Typografie fällt nicht auf, sie trägt.
Lesbarkeit hängt von Schriftgrösse, Kontrast, Zeilenlänge und Zeilenabstand ab, mindestens so stark wie von der Schriftfamilie. Für Fliesstext am Bildschirm gelten diese Faustregeln:
SCHRIFTGRÖSSE
ab 16 px
Mindestgrösse für Fliesstext am Bildschirm.
ZEILENLÄNGE
45–75 Zeichen
pro Zeile, damit das Auge den nächsten Zeilenanfang findet.
ZEILENABSTAND
1,4–1,6 ×
die Schriftgrösse, damit Zeilen nicht verkleben.
Zu lange Zeilen ermüden, weil das Auge den Zeilenanfang schwer wiederfindet. Zu kurze Zeilen zerhacken den Lesefluss. Linksbündiger Text mit gleichmässigem Wortabstand liest sich in westlichen Sprachen meist am besten.
Beschränke dich auf ein bis zwei Schriftfamilien und baue Hierarchie über Grösse und Gewicht auf, nicht über viele verschiedene Schriften.
Zeilenlänge und Zeilenabstand sind halbe Typografie.
4.4 / Schrift & Ton
Schrift hat einen Klang.
Schriftcharakter prägt Ton und Erwartung: Eine klassische Serifenschrift wirkt eher traditionell und seriös, eine geometrische Groteskschrift eher modern und sachlich, eine Handschrift eher persönlich. Solche Zuschreibungen sind Tendenzen und hängen von Kultur und Erfahrung ab.
Auch Glaubwürdigkeit kann mitschwingen. Ein viel zitiertes Online-Experiment fand, dass dieselbe Aussage in einer klassischen Serifenschrift etwas glaubwürdiger beurteilt wurde als in anderen Schriften. Solche Effekte sind klein und kontextabhängig und kein Grund, sich auf eine Schrift festzulegen.
Wichtig ist die Passung: Schrift, Inhalt, Marke und Zielgruppe sollten zusammen den gewünschten Ton treffen.
Die Schrift bestimmt den Ton, bevor das erste Wort gelesen ist.
Übung
Anwenden, auswerten, übertragen
Aufgabe: Setze dieselbe Botschaft (zum Beispiel eine Veranstaltungsankündigung) in drei Schrift- und Farbwelten um.
SCHRITT 1
Lege vorab fest, welche drei Töne du erzeugen willst (zum Beispiel ruhig, verspielt, technisch).
SCHRITT 2
Wähle pro Welt eine Schrift und eine kleine Farbpalette und prüfe den Kontrast.
SCHRITT 3
Zeige die drei Versionen anderen, ohne die Absicht zu verraten, und frage: Welche Marke oder welchen Ton nimmst du wahr?
SCHRITT 4
Vergleiche Absicht und Wahrnehmung.
Auswertung: Wo stimmten Absicht und Wirkung überein, wo nicht? Gab es Unterschiede zwischen den Befragten? Was würdest du ändern?