Einfluss durch Design – Ein Leitfaden zu Farbe und Emotionen

Veröffentlicht: 2022-03-11

Rot sehen. Blau fühlen. Grün vor Neid.

Beliebte Redewendungen zeigen, dass Menschen Farben seit langem mit den Emotionen verbinden, die sie hervorrufen. Menschen assoziieren Rot mit Wut (oder Lust), Blau mit Depressionen und seit mindestens Shakespeares Tagen Grün mit Eifersucht. (In seinen Werken hat er mindestens dreimal auf die Farbe Grün in Bezug auf Eifersucht verwiesen.)

UX-Designer können Farbe sehr effektiv einsetzen, um die Emotionen der Menschen sowie ihr tatsächliches Verhalten zu beeinflussen. Farbe hat den größten Einfluss darauf, wie Menschen Designs wahrnehmen, aber zu viele Designer wenden nicht die notwendige Zeit und Mühe auf, um Farbpaletten für ihre Projekte richtig zu erstellen.

Das führt zu viel Zeitverschwendung und Farbpaletten, die nicht unbedingt eine wünschenswerte Reaktion auf ein Produkt beeinflussen. Und im schlimmsten Fall können Farben Menschen abschrecken, selbst wenn alles andere an einem Design optimiert ist.

Gibt es positive und negative Farben?

Es gibt eine weit verbreitete Vorstellung, dass einige Farben von Natur aus positiv oder negativ sind. Am häufigsten werden warme Farben (Gelb, Rot und Orange) als positiv angesehen, während kühle Farben (Blau, Grün und Lila) als negativ angesehen werden.

Dennoch sind diese Assoziationen keine festen Regeln. Zum Beispiel kann Rot (eine warme Farbe) Gefühle von Wut oder Gefahr hervorrufen (siehe Holly Golightlys Monolog über die „gemeinen Rottöne“ in Frühstück bei Tiffany ), während Grün (eine kühle Farbe) Gefühle von Wachstum und Neuanfang hervorrufen kann. Dies ist einer der Gründe, warum Farbpsychologie und Farbtheorie so komplex sind. Es gibt scheinbar endlose Faktoren, die beeinflussen können, wie eine Farbe wahrgenommen wird und wie sie menschliches Verhalten und Denken beeinflusst.

Kulturelle Unterschiede können sich auch tiefgreifend auf die Bedeutung von Farben auswirken. In vielen westlichen Kulturen wird Weiß weitgehend mit Reinheit und Frieden in Verbindung gebracht, und doch wird Weiß in einigen asiatischen Ländern mit Tod und Trauer in Verbindung gebracht.

Es ist wichtig, dass Designer darauf achten, wie die Farben in ihren Paletten miteinander harmonieren und wie jede Farbe die anderen um sie herum beeinflusst.

Psychologische Wirkung von Farben

Warme Farben wirken eher belebend und lebendig. Sie sind in der Regel energetisierend und können einem Design Leben einhauchen. Anstatt mit dem Hintergrund zu verschmelzen, „knallen“ warme Farben auf dem Bildschirm oder der Seite und neigen dazu, im Vordergrund eines Designs zu stehen.

Ein warmes Farbschema knallt gegen einen schwarzen Hintergrund
Die rote und warme beige Farbpalette auf der Homepage der Hourly-App erzeugt eine Energie und Dringlichkeit, die eine kühle Farbpalette nicht erzeugen würde.

Eine interessante Sache, die bei warmen Farben zu beachten ist, ist, dass zwei der drei Primärfarben (Rot und Gelb) warm sind, wobei Orange, eine Sekundärfarbe, eine Kombination der beiden ist. Das bedeutet, dass warme Farben meist rein warm, also primär sind und nicht aus anderen Farben gemischt werden können.

Kühle Farben werden eher als ruhig empfunden als warme Farben. Das ist jedoch nicht immer der Fall, zumal Grün und Lila, die Sekundärfarben sind, durch die Kombination einer primären kühlen Farbe (Blau) mit einer warmen Farbe (Gelb, um Grün zu erzeugen, und Rot, um Violett zu erzeugen) erzeugt werden. Dies bedeutet, dass diese Farbtöne zwar als „kühl“ gelten, aber einige der Eigenschaften ihrer warmen Aspekte annehmen können.

Farbbedeutungen: Blau ist ruhig und vertrauenswürdig
Das beruhigende Blau der Whitetail-Gin-Website vermittelt einen entspannten Eindruck.

Grün, insbesondere hellere und hellere Versionen, kann mit Leben und positiver Energie in Verbindung gebracht werden. Lila, besonders wenn es heller (wie fuschia) oder heller (wie Lavendel) ist, kann eine sehr lebhafte Farbe sein.

Das Ändern des Werts eines Farbtons ändert die Farbzuordnungen
Hellere Werte (wie helles Violett und Fuchsia) verleihen kühlen Farben mehr Energie.

Neutrale Farben (Braun, Hellbraun, Grau, Weiß und Schwarz) neigen dazu, die Eigenschaften der Farben anzunehmen, mit denen sie kombiniert werden, obwohl sie diese Effekte auch dämpfen oder verstärken können. Die Kombination von warmen Farben mit Weiß kann beispielsweise ein Design schaffen, das leichter (im Hinblick auf das Gewicht, nicht nur in Bezug auf die gesamte Lebendigkeit) und unbeschwert wirkt. Die Kombination derselben warmen Farben mit Schwarz kann sie intensiver und dramatischer erscheinen lassen. Die Kombination von kühlen Farben mit Schwarz kann sie mysteriöser machen, während die Kombination mit Weiß sie beruhigender und entspannter machen kann.

Einfluss der Farbe auf das Verbraucherverhalten

Farbe kann die Stimmung oder Gedanken einer Person beeinflussen, aber kann sie auch ihr Verhalten beeinflussen?

Ja absolut.

Vermarkter verlassen sich seit langem auf Farbe, um Verbraucher zu bestimmten Handlungen zu bewegen. Aus diesem Grund sind Schilder in Schaufenstern, die die Aufmerksamkeit der Passanten erregen sollen, oft gelb und Verkaufspreise oft rot gekennzeichnet.

Viele dieser Entscheidungen basieren eher auf Tradition als auf harter Wissenschaft, aber das hat wiederum eine Erwartungshaltung bei den Verbrauchern geweckt. Wenn sie einen roten Preis sehen, gehen sie davon aus, dass das, was sie sehen, im Ausverkauf oder Ausverkauf ist. Wenn sie ein gelbes Schild in einem Fenster sehen, nehmen sie sich einen Moment Zeit, um es zu lesen, weil sie erwarten, dass es relevante Informationen enthält (Gelb ist eine der Farben, die für das menschliche Auge am besten sichtbar ist, daher zieht es natürlich die Aufmerksamkeit auf sich).

Psychologische Effekte der Farbe: Rot wird mit Verkauf in Verbindung gebracht
Die ASOS-Website verwendet Rot, um Verkaufspreise zu kennzeichnen, um den Kunden zu signalisieren, dass sie ein gutes Geschäft machen.

Hier ist ein kurzer Überblick darüber, wie sich jeder Farbton auf das Verbraucherverhalten auswirkt (ausführlichere Informationen zur Verwendung von Farbe für das Marketing finden Sie in dieser Infografik von Suyati).

  • Rot ist stark mit Kauf und Verkauf verbunden. Wenn es zu stark verwendet wird, kann es einige Kunden abschrecken.
  • Orange kann für Handlungsaufforderungen verwendet werden, kann aber auch irritierend sein, wenn es überbeansprucht wird. Aus diesem Grund wird es außerhalb von Logos oder Akzentfarben nicht oft gesehen.
  • Gelb zieht Aufmerksamkeit auf sich und erregt die Aufmerksamkeit der Verbraucher.
  • Grün wird vom menschlichen Auge gut wahrgenommen und wird daher oft verwendet, um ein Gefühl der Entspannung zu erzeugen. Es ist auch stark mit Geld und Glück verbunden.
  • Blau ist die beliebteste Farbe der Welt, daher ist es nicht verwunderlich, dass sie in der Kommunikation aller Art ausgiebig verwendet wird. Es wird auch stark mit Loyalität, Ehrlichkeit und Macht in Verbindung gebracht, was es zu einer beliebten Wahl für große Unternehmen und Unternehmen in konservativeren Branchen (wie Banken und Versicherungen) macht.
  • Lila wird häufig in der Schönheitsproduktindustrie verwendet, obwohl es auch mit Luxusgütern in Verbindung gebracht wird (wie Asprey, das sogar sein charakteristisches Parfüm Purple Water nannte).
  • Schwarz ist im Allgemeinen anspruchsvoll und elegant, wenn es im Marketing verwendet wird. Es wird ausgiebig in der Kommunikation in den meisten Branchen eingesetzt.
  • Weiß wird oft mit Sauberkeit in Verbindung gebracht und ist daher in der Gesundheitsbranche beliebt. Aufgrund seiner Assoziation mit Einfachheit wird es auch in der Technologiebranche verwendet.
  • Grau wird auch mit Einfachheit in Verbindung gebracht und wird oft von Vermarktern verwendet, um Verbraucher zu beruhigen und zu beruhigen.

Auch hier wird die Wirkung jeder einzelnen Farbe auf das Verbraucherverhalten stark von der Art und Weise beeinflusst, wie sie verwendet wird, sowie vom Kontext des Inhalts.

Freiberuflicher UI-Designer in Vollzeit in den USA gesucht

Erstellen emotional starker Farbpaletten

Viele UX-Designer denken, dass bestimmte Farben in bestimmten Situationen „nicht“ verwendet werden können. Diese Denkweise ist veraltet und hat im modernen Design nichts zu suchen.

Schauen wir uns Pantones Farbe des Jahres 2019 an: Living Coral. Dies ist ein starker Farbton, vor dem viele Designer möglicherweise zurückschrecken, ihn für viele Projekte zu verwenden. (Hinweis: Ich befürworte nicht, auf diesen speziellen Zug aufzuspringen, nur um Trends zu folgen, aber es ist ein guter Ausgangspunkt für ein Experiment.)

Denn welchen Platz hat Living Coral auf so etwas wie einer Banking-Website oder einer Website, die Herrenanzüge verkauft (obwohl Requisiten an die Männer da draußen, die einen Korallenanzug rocken können)? Aber hier sind Farbpaletten, die für eine Vielzahl von Branchen verwendet werden könnten, in denen Living Coral enthalten ist, nur um zu beweisen, dass fast jede Farbe für jedes Projekt verwendet werden kann, das ein Designer wünscht, wenn sie im richtigen Kontext verwendet wird.

Nicht sicher, wie hilfreich das ist? Denken Sie an Kunden, die mit einem Projekt zu einem Designer kommen und darauf bestehen, dass eine bestimmte „Markenfarbe“ verwendet wird, obwohl diese Farbe abscheulich ist.

Hier sind vier Beispiele für Farbpaletten mit Living Coral, die für eine Vielzahl von Branchen geeignet sind.

Farbe und Branding: eine kreative Farbpalette
Diese Farbpalette ist lustig und flippig. Es wäre großartig für eine Website, die sich an Kinder oder kreative Aktivitäten richtet.


Beste Farbkombinationen für Unternehmensseiten
Dies ist eine großartige Palette für eine traditionelle Branche wie Recht, Bankwesen oder Versicherungen, aber die Hinzufügung von Living Coral verleiht ihr ein zugänglicheres Gefühl und könnte dazu beitragen, dass sie ein jüngeres Publikum anspricht.


Farbtheorie für Designer: Nahezu jede Farbe kann in eine Marke einfließen
Diese Palette ist gedämpfter und wäre fantastisch für ein Bekleidungsunternehmen oder eine andere Website, bei der der Inhalt mehr hervorstechen sollte als die Designelemente.


Die psychologische Wirkung von Farbe kann tiefgreifend sein
Diese Palette fühlt sich traditionell an (denken Sie an Sommer auf Cape Cod) und fühlt sich gleichzeitig frisch und entspannt an.

Vier verschiedene Paletten, vier völlig unterschiedliche Gefühle. Die gleiche Art von Experiment könnte mit praktisch jeder Farbe durchgeführt werden.

Eine andere Möglichkeit, scheinbar unharmonische Farben in ein Design zu integrieren, besteht darin, den Wert des Farbtons zu ändern, indem Sie ihm entweder Schwarz, Grau oder Weiß hinzufügen.

Farbzuordnungen können durch Hinzufügen von Schwarz, Weiß oder Grau geändert werden
Die hellen Farben auf der linken Seite können ihre emotionale Wirkung verändern, indem sie (von links nach rechts) Schwarz, Grau oder Weiß hinzufügen.

Wenn du eine gedämpftere Farbe kreierst (Hinzufügen von Grau), wird es sich entspannter anfühlen. Das Hinzufügen von Schwarz zum Abdunkeln einer Farbe verleiht ihr ein traditionelleres oder konservativeres Gefühl. Das Hinzufügen von Weiß zum Aufhellen von Farben verleiht ihnen ein unschuldigeres und friedlicheres Gefühl.

Einer der am meisten übersehenen Aspekte der Farbtheorie ist die Fähigkeit eines Designers, seinem Instinkt zu vertrauen. Farbe ist sehr subjektiv und, obwohl es bestimmte Richtlinien gibt, ist es immer noch ein relativ unerforschter Bereich des Designs.

Designer sollten beim Ausprobieren verschiedener Farbpaletten und Ideen ihrem Instinkt folgen und dann Benutzertests durchführen, um zu beweisen, ob ihr Instinkt richtig war oder nicht. Benutzertests, A/B-Tests und andere Methoden zum Sammeln von Daten über die Wirksamkeit verschiedener Farbpaletten sind bei der Erstellung endgültiger Designs von unschätzbarem Wert.

Fazit

Die Beziehung zwischen Farbe und Emotion ist einer der wichtigsten Aspekte eines guten UX-Designs. Die richtige Farbpalette ermutigt Menschen, auf einer Website oder mit einer App Aktionen auszuführen, die Designer von ihnen erwarten, während die falsche Farbpalette Besucher abweisen kann, bevor sie überhaupt eine Aktion ausführen.

Die Wahl der richtigen Farbpalette ist teils Kunst und teils Wissenschaft. Wenn es darum geht, eine anfängliche Palette zu entwerfen, sollten Designer ihrem Instinkt und den verfügbaren Forschungsergebnissen folgen und dann immer wieder testen, um sicherzustellen, dass die Farbpalette den Gesamtzweck des Designs verstärkt.

•••

Weiterführende Literatur im Toptal Design Blog:

  • Ein Spektrum an Möglichkeiten: Der Go-To UI Color Guide
  • Designpsychologie und die Neurowissenschaft von Awesome UX
  • Ursache und Wirkung – Erforschung der Farbpsychologie
  • Design for Emotion zur Steigerung des Benutzerengagements
  • Die Rolle der Farbe in UX