Lektion 5

Farbsysteme

Nutze eine kleine Brand-Palette, damit Botschaft, Aktion und Zustände in einem Kampagnenasset klar bleiben.

18 Min. Brand/SocialVisuelle Entscheidungen

Lektionsschritte

IdeeBeispielFehlerQuizÜbung

Kernidee

Farbe ist ein Rollensystem, keine Lieblingsliste. Definiere Fläche, Schrift, Marke, Aktion und Signal, damit jeder Farbton einen klaren Job hat.

  • Benenne zuerst fünf Rollen: Fläche, Schrift, Marke, Akzent oder Aktion und Signal. Rohe Hexwerte kommen erst nach den Jobs.
  • Ändere Helligkeit und Sättigung, bevor du einen weiteren Farbton hinzufügst. Viele Paletten brauchen eine ruhigere Abstufung, keine neue Farbfamilie.
  • Halte Marke, Aktion und Warnung getrennt. Ein Farbton für alle drei macht die Palette mehrdeutig.
  • Stütze jede Statusfarbe mit Helligkeit, Text, Icon oder Form, damit Bedeutung auch ohne Farbton lesbar bleibt.

Visuelles Beispiel

Eine Brand-Palette funktioniert, wenn jede Farbe einen Job hat.

Vorher und nachher

Halte Brand-Energie, ohne jeden Block laut zu machen.

Vorher: Palette als Dekoration

Mehrere Brand-Farben füllen unabhängige Blöcke; Headline, Beleg und Aktion konkurrieren.

Nachher: Palette als System

Die neutrale Basis hält den Claim lesbar, Brand-Farbe erscheint gezielt und die Aktion besitzt den stärksten Akzent.

Beispiel erklärt

Warum die verbesserte Version funktioniert

Die verbesserte Karte gibt Fläche und Schrift die ruhigen, aber wichtigen Jobs. Eine neutrale Fläche trägt den Raum, dunkle Schrift trägt die Botschaft, und der Brand-Farbton muss Lesbarkeit nicht allein herstellen.

Die Akzentrolle ist für Aktion reserviert und nicht über Detailblöcke verstreut. Die Marke bleibt erkennbar, aber die stärkste Sättigung zeigt auf den nächsten Schritt.

Häufige Fehler

Worauf du achten solltest

Zu viele rohe Farbtöne werden hinzugefügt, bevor Fläche, Schrift, Aktion und Signal benannt sind.
Brand-Farbe wird auch für Warnungen genutzt, sodass Identität und Dringlichkeit zum selben Hinweis werden.
Status hängt nur am Farbton und scheitert in Graustufen, bei wenig Kontrast und bei Farbsehschwächen.
Dark Mode wird als Umkehrung behandelt, sodass Tokens ihre Namen behalten, aber lesbaren Helligkeitskontrast verlieren.

Visueller Vergleich

Welches Layout nutzt Farbe als System?

Ein Layout behandelt Farbe als Dekoration. Das andere gibt Fläche, Schrift, Marke und Aktion getrennte Jobs.

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

Kleine Übung

Farbrollen diagnostizieren

Wähle das Layout, in dem Farbe als System arbeitet, und finde dann den Bereich, in dem Farbe die größte Verwirrung erzeugt.

Kurze Übung starten Zur nächsten Lektion springen