3 Große Vorteile der Farbcodierung im Produktdesign

Product designers and marketers can use color coding for 3 reasons: to convey a message, to convey a feeling, or to easily distinguish between elements. As such this design trick should be used as frequently as possible in any virtual or physical creation, such as GUI, road signs, toys, tools, or safety equipment to improve ergonomics.

In Kombination mit anderen Sinneseindrücken wie Form, Klang und anderen kann die Farbcodierung bei der Produktgestaltung sowie in jedem schlanken Prozess zur Kennzeichnung von Fabrikanlagen, aber auch in Büros und öffentlichen Bereichen eingesetzt werden.

Farbkodierung zur Vermittlung einer Botschaft

Die Farbcodierung ist eine der Methoden, um wichtige Botschaften oder Anweisungen in der visuellen Familie mit allen 6 Sinnen zu vermitteln.

Ziel ist es, eine Nachricht auf die effizienteste Art und Weise zu übermitteln, wobei Farben den Vorteil haben, dass sie schnell sein, nicht zu viele Lesefähigkeiten erfordern (Kinder...) & international (keine Übersetzung erforderlich)

Standardisierte Farbkodierungen

Für Schilder oder um eine Nachricht zu übermitteln, siehe

ISO 3864-3:2012: Graphische Symbole - Sicherheitsfarben und Sicherheitszeichen - Teil 3: Gestaltungsgrundsätze für graphische Symbole zur Verwendung in Sicherheitszeichen

ergänzt durch:

ISO 3864-4:2011: Graphische Symbole - Sicherheitsfarben und Sicherheitszeichen - Teil 4: Farbmetrische und photometrische Eigenschaften von Materialien für Sicherheitszeichen

Andere spezielle Vorschriften beziehen sich auf diese Regeln oder befolgen sie, wie z. B. die Medizinbranche für ihre Etiketten oder die Maschinen- oder Ausrüstungsrichtlinien für alle farbigen Warnhinweise und Sicherheitsmaßnahmen.

Übliche Farbbedeutungen

Rot & Grün

die am häufigsten verwendeten, da

• Go/NO GO
• OK/NICHT OK
• ARBEITEN/NICHT ARBEITEN

und weniger häufig als Gefahr / Sicher

Gelb

Die gallgemeine Warnung Farbe

• Normalerweise nur als "Work in progress"-Meldung verwendet
• Oder in Kombination mit Schwarz in Streifen ("Gefahrenzone") verwendet

Blau

Blau kann irreführend sein im täglichen Gebrauch:

• • Beachten Sie, dass nur die Verkehrsregeln Zeichen oder in ISO-Normen ist blau die Farbe der verbindlichen Anweisungen

Würden Sie sagen, dass die blauen Logos von Facebook, Twitter und LinkedIn eine verbindliche Botschaft vermitteln?

• • Im alltäglichen Leben, in Logos oder Produkten wird die blaue Farbe in der Regel in Verbindung gebracht mit Innovation oder die Zukunft, wie in dem folgenden Video zu sehen

Weiß / Schwarz

Sie sollten mit Vorsicht verwendet werden, wenn die Farbe selbst eine Botschaft vermitteln soll; sie sind vor allem dann verständlich, wenn auch das Gegenteil sichtbar ist (z. B. eine Boolesche/Ja-Nein-Meldung), da beides ein Text oder der Hintergrund sein könnte.

Tipp: Erinnern Sie sich an die alte grafische Regel, dass das Dunkle das Helle optisch ablöst oder überläuft: ein schwarzer Balken auf weißem Hintergrund, wird dicker erscheinen als ein weißer Balken auf schwarzem Hintergrund, auch wenn die Dicke gleich ist.

up to 3 different colors does help the ergonomics, 4-5 is a design challenge, and more than 5 is usually counterproductive

Tipp: Achten Sie auf den Hintergrund des Produkts: Er sollte bereits als eine Farbe zählen, von der er sich unterscheidet, wenn er nicht weiß oder schwarz ist!

Farbkodierung zur Vermittlung eines Gefühls

Auch Kultur, Geschichte und psychologische Aspekte spielen bei Farbentscheidungen eine große Rolle:

 

Kulturelle oder lokale Ausnahmen: Schwarz und Weiß werden häufig als sehr kulturabhängige Farben genannt, die entweder mit Unterwerfung, Macht, Respekt, Religion, Traurigkeit oder Glück in Verbindung gebracht werden können... sehr entgegengesetzte Botschaften, je nach lokaler Kultur. Andere Beispiele? Bitte kommentieren Sie auf der rechten Seite

 

Zum Beispiel diese schönen Häuser auf dem Bild rechts: Die Kulisse ist zwar wunderschön und vermittelt große Gefühle, aber

ein Mix aus langweiligen Farben sollte nicht verwendet werden, um eine informative Botschaft im Produktdesign zu vermitteln

Farben zur Unterscheidung von Elementen

Die Farben haben hier keine besondere Bedeutung, sondern die Rolle, klare Unterschiede zwischen Objekten zu machen. Sie verwenden in der Regel viel mehr verschiedene Farben als in den obigen Fällen und diese Objekte oder Etiketten können sehr nahe beieinander liegen, was die farbliche Unterscheidung noch wichtiger macht

Dies wird in Spielen, in der Industrie, in Lean-Organisationen oder in Sicherheitsausrüstungen verwendet, wie in den folgenden Bibliotheksbeispielen

Farben Zu verwendende Paletten

Je nach der benötigten Menge an Farbe, einige Tipps zur Auswahl dieser Farben

• • Nehmen Sie nicht zwei Varianten der gleichen Farbe in der Dichte (z. B.: hellorange vs. orange)
  • Wenn der Zweck rein informativ ist,
    • nehmen Sie eine Farbe mit einem bekannten Namen, nicht nur für Spezialisten
    • Verwenden Sie eine professionelle Farbpalette und wählen Sie die am häufigsten verwendeten Farben.
      • Diese könnten sein Primärfarben oder Sekundärfarben
      • Dadurch werden bereits verfügbare Farben oder Tinten (leichter zu beschaffen, billiger und besser mit den Gesundheits- und Sicherheitsnormen vereinbar, z. B. Widerstandsfähigkeit und Brandschutz...) 
  • Wenn es sich bei Ihrem Produkt um eine Software oder eine grafische Benutzeroberfläche handelt, die online angezeigt werden muss, sollten Sie nach Möglichkeit Webfarben verwenden, um die Kompatibilität mit allen Standards zu gewährleisten.
  • verwenden. komplementäre Farben wenn viele oder mehr Originalität erforderlich sind (siehe Links und Video unten).

Empfohlene kostenlose Online-Tools zur Verwendung im innovation.world-Verzeichnis:

HTML-Farbwähler Colormind.io IA Farben Schemata Designer Paletton.com Farbpaletten-Designer

Farbcodierungsbeispiele

Elektronikindustrie

Wird für die Codierung von Widerstandswerten verwendet: Als internationale Norm geben einige Streifen den Widerstandswert an, während andere seine Toleranz angeben. Solche Kodierungen wurden seit den 1920er Jahren entwickelt, als der Bedarf an sehr kleinen internen Markierungen entstand.

Lesen Sie mehr auf Elektronische Farbkodierung für Einzelheiten.

Und wenn keine Farbe?

• Schwarz und Weiß aufgrund des Verfahrens: Ebenholz und Elfenbein auf den traditionellen Klaviertasten, aber nicht nur; Farbe kann aufgrund des Preises oder des Verfahrens (Lasermarketing, schwarzer Inkjet, ePaper, ...) keine Option sein
• farbenblinde Menschen

dann, in der Palette der Tricks zur visuellen Gestaltung noch zur Verfügung stehen, müssen die Designer andere visuelle Hilfsmittel kombinieren, um eine bestimmte Botschaft hervorzuheben:

• Formen: Dreiecke, Kreise, quadratische Sechsecke wie auf Verkehrsschildern
• Schriftart und -größe
• Regelmäßig / Fett, um die Bedeutung zu betonen
• Hauptstädte (ABER NICHT ZU VIEL)
• besondere zeichen, marken und logos
• Prägung, wenn das Verfahren es zulässt (in der Regel auf Papier, aber auch auf Metall, Kunststoff, Gewebe)

mit anderen traditionellen menschlichen Sinnen kombiniert werdenje häufiger die Kommunikation stattfindet:

• sound: tone, frequency, level, and sequence of notes can be used for warnings, OK, NOT OK, Validierung, or indication of proximity
• touch: nicht nur für Bling-Bling-Nutzer