StartProduktdesignDesign-Tipps3 Große Vorteile der Farbcodierung im Produktdesign

3 Große Vorteile der Farbcodierung im Produktdesign

0
(0)

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.

Grüne Farbkodierung
Grüne Farbkodierung

Ü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 Schwarz Warnung
Gelb Schwarz Warnung

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:

Le fichier dépasse la limite de taille

 

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

Farbe Gefühle
Farbe Gefühle

 

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

klare Sekundärfarben
klare Sekundärfarben

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

Pro-Farbpalette
Pro-Farbpalette

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
Le fichier dépasse la limite de taille

Farbcodierungsbeispiele

Widerstandsfarbe
Widerstandsfarbe

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.

Farbenblinde Erkennung
Farbenblinde Erkennung

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:

Farben UND Formen
Farben UND Formen
  • 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

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

Weil du diesen Beitrag nützlich fandest...

Folge uns in sozialen Netzwerken!

Es tut uns leid, dass der Beitrag für dich nicht hilfreich war!

Lasse uns diesen Beitrag verbessern!

Wie können wir diesen Beitrag verbessern?

Sie sind herzlich eingeladen zu interagieren!

Möchten Sie etwas hinzufügen? Sie möchten etwas korrigieren oder ein Beispiel nennen? Sie sind herzlich eingeladen, hier unten zu kommentieren und wir werden den Beitrag aktualisieren.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

ZUGEHÖRIGE ARTIKEL
Nur exakte Treffer
Online-Tools einbeziehen
Ereignisse einbeziehen

NEU / AKTUALISIERT

Mikroplastik: Herkunft, Auswirkungen und technische Lösungen

Wussten Sie, dass 60% bis 80% der Meeresabfälle aus Plastik bestehen? Schockierenderweise machen 90% der schwimmenden Abfälle...

Die 20 besten Tipps für ein reinigungsfreundliches Design

In einigen Branchen ist Design for Cleanability einfach ein Muss (Lebensmittel, Medizin), in allen anderen kann man...

The 5S Methodology: A Guide to Lean Manufacturing Workplaces

Did you know the 5S methodology boosts productivity by 30% in manufacturing? This gain is from turning messy...

Toyota Produktionssystem (TPS): Ein Leitfaden für die Fertigung

Wussten Sie, dass ein Toyota-Auto aus über 30.000 Teilen besteht? Das Toyota Produktionssystem (TPS) sorgt dafür, dass...

Recycle vs Upcycle: similarities and differences

An amazing 75% of aluminum made in the USA is still being used today. This is thanks to...

WANTED
Nur Mechaniker werden Software oder Elektronik in physische Produkte umwandeln. Kann ich als Produktentwickler, R&D-Manager oder Projektleiter helfen?
Wirksame Produktentwicklung

Kurzfristig verfügbar in Frankreich und der Schweiz.
Kontaktieren Sie den Autor auf LinkedIn
Design-to-Cost, Ergonomie, mittlere bis hohe Stückzahlen, regulierte Industrien, CE & FDA, Lean Sigma Black Belt