Der Welttag des Designs und wie ihr eure eigene Farbpalette erstellt

Der Welttag des Designs 2021

Zum Welttag des Designs am 27.04. möchten wir uns mit Corporate-Farben und der Auswahl einer Farbpalette auseinandersetzen. Viele UI-Designer greifen dafür auf bereits vorhandene Farbpaletten zurück. Das muss nicht schlecht sein – vorgenerierte Paletten bieten sehr gute Farbwahloptionen. Deswegen werden wir euch auch nächste Woche einige dieser Websites auf unseren Social-Media-Kanälen vorstellen.

Heute möchten wir euch aber eine Alternative zu vorgenerierten Paletten zeigen.

Farbpaletten selbst generieren – so geht's

Als allererstes sollte eine Primärfarbe ausgewählt werden, die nach den Prinzipien der Farbpsychologie zum Unternehmen oder Thema passt. Mit dem Farbrad kann man dann ganz einfach eine Sekundärfarbe bestimmen, sollte diese gebraucht werden. Hier funktioniert die gegenüberliegende Farbe sehr gut, um Aufmerksamkeit einzufangen. Das ist nicht in hundert Prozent der Fälle die perfekte Wahl, kann aber ein sehr guter Startpunkt sein.

Danach werden Notification-Farben benötigt. Hier sollte man Farben für Erfolge, Fehler und Warnungen auswählen. Dafür werden für gewöhnlich grün, rot und gelb verwendet. Wir haben euch ein paar Empfehlungen für funktionierende Farbcodes gelistet.

Grün: #64BC26

Rot: #EA1601

Gelb: #FAD202

Für die Hintergrund- und Textfarbe empfiehlt es sich, zwei Kopien der Primärfarbe zu erstellen. Dann wird die Helligkeit der Farbe auf jeweils 10 gesenkt und 98 erhöht. Das Ergebnis sind zwei Farben, die nicht ganz weiß und nicht ganz schwarz sind und sehr gut mit der Primärfarbe harmonieren.

Wenn man nun die Primärfarbe wählt und den L-Value jeweils in Zehnerschritten erhöht und reduziert, erhält man eine Reihe von verwendbaren Schattierungen. Das geht im HSL Color Picker des Design Tools. Der Prozess sollte mit allen Farben außer der Hintergrund- und Textfarbe wiederholt werden, um eine weite Range an Tönen der verschiedenen Farben zu erhalten.

Das Ergebnis ist eine umfassende Palette, die perfekt aneinander angepasst ist. So ist das Corporate Design schnell stimmig gestaltet.

Die richtige Primärfarbe wählen
Bei der Auswahl der Primärfarbe sollten nicht nur ästhetische Aspekte eine Rolle spielen. Das Unterbewusstsein verknüpft Farben mit Empfindungen und Erinnerungen, die bei Wahrnehmung der Farbe ausgelöst werden. So sollte ein Restaurant andere Farben wählen als ein Elektronik-Fachbetrieb und eine Bekleidungskette sollte sich von einem Floristen unterscheiden.

In einer Infografik von Webpage FX wird verdeutlicht, dass 84,7% der Konsumenten ein Produkt auf Basis der Farbgebung kaufen. 93% der Käufer ziehen als Auswahlkriterium die Objektfarbe heran, nur 6% wählen auf Basis von Textur und 1% kauft wegen des Klangs oder Geruchs. Innerhalb von 90 Sekunden treffen Kunden eine unbewusste Entscheidung hin oder weg von einem Produkt. Und die wird zu 62-90% von Farbe bestimmt. Mehr als die Hälfte der Befragten gab an, aus ästhetischen Gründen nicht zu einem Geschäft zurückgekehrt zu sein.

Was die verschiedenen Primär- und Sekundärfarben bedeuten, haben wir euch im Folgenden basierend auf Konzepten der Farbpsychologie im Marketing aufgelistet.

Noch nicht genug über Farbe und Farbpsychologie?

Dann können wir diesen Artikel von karrierebibel empfehlen. Das ist alles nicht so euer Ding und ihr möchtet lieber mit existierenden Presets arbeiten? Kein Problem. Wir stellen euch auf unseren Social-Media-Kanälen Design Ressourcen vor. Unter anderem geht es da demnächst um gute Websites für Farb-Presets.