- Zur Lesezeichenliste hinzufügen
-
0LesezeichenLesezeichen hinzugefügt. Lesezeichen entfernt.
- Schnelleinstieg
Was sind Funktionsfarben?
Funktionsfarben sind spezifische Farben, die in verschiedenen Bereichen wie Design, Architektur, Verkehr, Medizin oder Informatik verwendet werden, um eine bestimmte Funktion oder Bedeutung zu kommunizieren. Diese Farben sind nicht aus rein ästhetischen Gründen gewählt, sondern haben eine klare, standardisierte Bedeutung, die für den Benutzer oder Betrachter eine spezifische Information liefert, z.B. bei:
-
Verkehrszeichen:
Rot für Stoppschilder, Gelb für Vorsicht oder Hinweiszeichen, Grün für freie Fahrt. -
Software und Benutzeroberflächen:
Farben wie Blau oder Grün für „bestätigte“ oder „erledigte“ Aufgaben, Rot für Fehler oder Warnungen. -
Medizinische Symbole:
Grün für gesunde Zustände, Rot für akute Gefahren oder Notfälle. -
Sicherheit und Arbeitsschutz:
Rot für Gefahr, Gelb für Warnung, Grün für sichere Bereiche.
Unsere Funktionsfarben
Die Liebherr-Funktionsfarben „Error”, „Warning” und „Success” gibt es jeweils in zwei Ausprägungen: in einer helleren und einer dunkleren Variante.
- Funktionsfarbe Error: Zur Visualisierung von Fehlermeldungen oder kritischen Zuständen, die eine Aktion des Nutzers/Betrachters erfordern.
- Funktionsfarbe Warning: Zur Visualisierung von bevorstehenden kritischen Zuständen oder Warnungen.
- Funktionsfarbe Success: Zur Visualisierung positiver Rückmeldungen wie Bestätigungen oder Erfolgen.
Dos und Don’ts
#1
Die Funktionsfarben sind exklusiv zur Visualisierung von Systemfeedback und Funktionen erlaubt.
#2
Systemfeedback und die Visualisierung von Funktionen darf ausschließlich durch die Liebherr-Funktionsfarben dargestellt werden. Die Liebherr-Sekundärfarben sind dafür nicht zu verwenden.
#3
Im User Interface werden die Liebherr-Funktionsfarben eingesetzt, um „Erfolg“, „Warnung“ und „Fehler“ anzuzeigen. Aber auch Systemrückmeldungen, die beispielsweise einen Füllstand anzeigen, müssen mit den Funktionsfarben dargestellt werden.
#4
Die Liebherr-Funktionsicons sind Symbole, die speziell für die Rückmeldungsarten Informationen, Erfolg, Warnung und Fehler erstellt worden sind. Sie dürfen neben dem neutralen Info-Icon nur mit den Funktionsfarben dargestellt werden. Sie werden dort eingesetzt, wo der Benutzer wichtige und besonders gekennzeichnete Systemrückmeldungen erhält.
Sie dürfen auch zur Kommunikation von „Dos und Don’ts" verwendet werden, also zur Beschreibung einer korrekten bzw. verbotenen Art der Anwendung bestimmter Vorgaben.
#5
Bei der Verwendung von Funktionsfarben für Text im User Interface muss dieser immer in der dunkleren der beiden Farben gesetzt sein, da sonst das Kriterium 1.4.3 der WCAG (Web Content Accessibility Guidelines) 2.1 nicht eingehalten würde. Dieses Kriterium beschreibt den Mindest-Kontrast eines Textes zum Hintergrund.
Ausschließlich für Erfolgs-, Warn- oder Fehlermeldungen darf Text in den Funktionsfarben gesetzt werden.
Einsatz von Funktionsfarben
Bei digitalen Benutzeroberflächen sind Funktionsfarben ein wichtiges Mittel, um Systemfeedback klar und sofort verständlich zu präsentieren. Sie unterstützen eine intuitive Interaktion mit der Anwendung und verbessern die Usability.
Entwickler und Designer müssen sicherstellen, dass diese Farben auf allen Geräten und Bildschirmgrößen gut erkennbar sind.
1 In Formularen oder Interaktionsprozessen werden die Liebherr-Funktionsfarben genutzt, um die Rückmeldungsarten Erfolg, Warnung und Fehler zu visualisieren. Diese sofortige visuelle Rückmeldung verhindert Missverständnisse und führt zu einer schnelleren Fehlerbehebung bzw. zum Verständnis eines Problems, das nicht unbedingt sofortige Maßnahmen erfordert, aber für den weiteren Interaktionsprozess hilfreich ist.
2 Die Liebherr-Funktionsfarben werden für Statusanzeigen und Pop-up-Mitteilungen verwendet, um dem Nutzer schnell und visuell mitzuteilen, wie eine Aktion ausgeführt wurde. Diese Farbcodierungen sollten konsistent angewendet werden, um eine klare Kommunikation zu gewährleisten.
3 Funktionsfarben werden bei den Funktionsicons eingesetzt. Diese sind oft Teil eines System-Feedbacks, das dem Nutzer auf einen Blick zeigt, ob z.B. eine Aktion erforderlich ist.
Downloads
Farbwerte Tabelle
Liebherr-Farbwerte Überblick (PDF, 69 KB)
Farbpaletten InDesign
Liebherr-Farbpaletten (ZIP, 3 KB)
Funktionsicons
Funktionsicons (ZIP, 46 KB)
Kontakt
Für weitere Fragen stehen wir Ihnen gerne zur Verfügung. Bitte nutzen Sie hierzu das vorliegende Kontaktformular oder besuchen Sie unseren LHO Service Desk (nur für Liebherr-Mitarbeitende).