Farben, Barrierefreiheit und Einsatz
Farben werden mit verschiedenen Zielsetzungen ausgewählt und verwendet. Je nach Zielsetzung müssen bei Farben Kontraste und Unterscheidbarkeit bei Fehlsichtigkeiten beachtet werden. Die Barrierefreiheit fordert für alle Farben, die "Bedeutsames" darstellen "ausreichend Kontrast" und "Erkennbarkeit".
Einsatzgebiete von Farben
Formfaktor
Die Farben des Formfaktors dienen dazu, die Struktur und Hierarchie des Designs zu vermitteln. Sie helfen zum Beipiel dabei, Elemente hervorzuheben und dem Benutzer zu zeigen, wie er sich auf der Seite bewegen kann. Oft sind die Farben aus dem Formfaktor subtil und möchten keinen allzu großen Eindruck machen.
Identität
Die Farben der Identität sind die Hauptfarben des Designs. Sie repräsentieren die Marke und die visuelle Identität des Unternehmens. Diese Farben sind in der Regel einprägsam und einzigartig, um das Design von anderen zu unterscheiden und die Markenwiedererkennung zu fördern.
Semantik
Semantische Farben vermitteln bestimmte Bedeutungen oder Aktionen. Sie werden verwendet, um dem Benutzer Feedback zu geben (Fehler, Lösung), Informationen hervorzuheben oder Warnungen anzuzeigen. Die Farben der Semantik sollten klar und im Kulturkontext eindeutig sein, um Missverständnisse zu vermeiden.
Zustand
Die Farben des Zustands zeigen dem Benutzer den aktuellen Zustand eines Elements an, z. B. ob es aktiv, inaktiv oder deaktiviert ist. Diese Farben helfen dem Benutzer, den Status des Elements zu erkennen und entsprechend zu handeln. Die Farben des Zustands sollten konsistent und leicht erkennbar sein, um die Benutzererfahrung zu verbessern.
Elemente
Die Farben der Elemente dienen dazu, bestimmte Arten von Inhalten oder Funktionen zu kennzeichnen. Sie können verwendet werden, um Codebeispiele, Zitate oder andere spezielle Elemente hervorzuheben. Sie fügen sich den Identitäts- oder Formfaktor-Farben meist subtil hinzu.