Farben im UI/UX-Design lenken Nutzer, schaffen Hierarchien und stärken die Markenwirkung. Sie beeinflussen Emotionen und sorgen für eine intuitive Nutzererfahrung.
Inhalt
Eine einheitliche Farbgestaltung ist essenziell, um dem Nutzer ein harmonisches und vertrautes Erlebnis zu bieten, ohne Verwirrung oder Unsicherheit zu erzeugen.
- Primär- und Sekundärfarben definieren ➜ Farbpalette
- Farben müssen zur Markenidentität passen
- Webseiten wie Realtime Colors erleichtern das Testen von Farben auf der Webseite
Eine Farbhierarchie hilft dem Nutzer zu verstehen, wie wichtig verschiedene Aktionen sind.
- Man sollte wichtige Aktionen nicht nur per Farbe hervorheben. Icons sollten auch verwendet werden um Menschen mit Farbenblindheit die Website zugänglich zu machen.
- Farbnormen sollten eingehalten werden
- Rot für Gefahr
- Grün für Erfolgreich
- Gelb für Warnung
Kontraste und Barrierfreiheit sind wichtig um die Webseite für jede Person nutzbar zu machen.
- Ähnliche Farben zu verwenden sollten vermieden werden um Farbenblinden Menschen die Website zugänglich zu machen.
- Zu starke kontraste schmerzen in den Augen, vor allem auf großen Bildschirmen. Maximal Werte wie #FFF (Weiß) und #000 (Schwarz) sollten vermieden werden.
- Je kleiner ein Text ist, umso kontrastreicher muss der Text sein um jederzeit lesbar zu sein.
