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.
Rot
Findet sich zum Beispiel bei Lego, McDonald’s und Netflix und steigert den Puls, regt den Appetit an und führt zu Impulskäufen. Die Farbe vermittelt Dringlichkeit.
Steht für:
- Emotionen
- Appetit
- Passion
- Liebe
Blau
Vertreter für blaue Primärfarben-Verwender sind Facebook, American Express und Skype. Das liegt vor allem daran, dass die Farbe Sicherheit und Vertrauen vermittelt und die Produktivität fördert. Eine Nebenwirkung ist die Hemmung des Appetits.
Steht für:
- Ruhe und Frieden
- Himmel und Wasser
Gelb
Die Farbe vermittelt Klarheit und jugendlichen Optimismus. Zu sehen ist sie im Corporate Design bei Hertz, IMDb und Shell und erregt Aufmerksamkeit.
Steht für:
- Fröhlichkeit
- Stimulation
- Wärme
- Kommunikation
Orange
Diese Farbe findet sich zum Beispiel bei Fanta, Harley Davidson und Amazon. Sie regt zum Kauf und Verkauf an. Außerdem führt Orange zu Impulskäufen und kann zu Agitation und Aggression führen.
Steht für:
- Wärme
- Enthusiasmus
- Warnung
Grün
Grün assoziieren wir mit Entspannung und Reichtum, aber auch Fruchtbarkeit. Zu finden ist die Farbe in den Logos von Android, Starbucks und Spotify.
Steht für:
- Gesundheit
- Geld
- Natur
- Wachstum
Lila
Die Farbe wird oft für Beauty- und Wellnessprodukte verwendet. Sie wirkt beruhigend und steht für Kreativität und Fantasie. Markenvertreter sind Yahoo!, craigslist und Milka
Steht für:
- Reichtum und Erfolg
- Weisheit
- Könige
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.
Mehr vom Blog
Werkstudium Interview Lena
Heute im Interview:
Lena - wunschlösung Backoffice Unterstützerin, Team Event Planerin, Feel-Good Managerin
Forschungs- & Entwicklungsprojekt: Online-Marktplätze und -Plattformen der Zukunft
Wie sehen Marktplatz- & Plattform-Geschäftsmodelle der Zukunft aus? Erfahrt mehr in unserem von der EU und dem Land Thüringen kofinanziertes Forschungs- & Entwicklungsprojekt
Teaminterview Wojciech (Frontend-Dev)
Heute im Teaminterview:
Wojciech - Pixel-Perfektionist, Bug-Jäger, Schützer der Skalierbarkeit
Tag 2 MACHN 2024: Innovation und Networking in Leipzig
Erlebt die Highlights des zweiten Tages des MACHN 2024. Von spannenden Workshops und inspirierenden Vorträgen bis hin zu praxisnahen Einblicken in aktuelle Trends und Technologien.
Tag 1 MACHN 2024: Innovation und Networking in Leipzig
Erlebt die Highlights des ersten Tages des MACHN 2024. Von spannenden Workshops und inspirierenden Vorträgen bis hin zu praxisnahen Einblicken in aktuelle Trends und Technologien.
Bye bye #localgutscheining - Ein Rückblick auf unser Gutschein-Portal-Projekt im Rahmen des #JenaVsVirus-Hackathons
Erfahrt hier mehr über #localgutscheining: wie mit unserem Projekt Jena im Corona-Lockdown zusammenrückte und lokale Unternehmen unterstützt hat.
Der Unterschied zwischen Online-Marktplätzen, Shops, Portalen, Plattformen und Stores
Erfahrt hier, was eigentlich genau der Unterschied zwischen Online-Marktplätzen, Shops, Portalen, Plattformen und Stores ist.
Wir MACHN uns auf den Weg zum Start-Up Festival 2023
Unser Business Development Team war letzte Woche wieder unterwegs – beim MACHN Start-Up Festival für Tech, Business und Art in Leipzig. Hier gibt es Einblicke!
Was ist ein Online-Marktplatz, und wann ist er sinnvoll?
Erfahrt, was Online-Marktplätze sind und wann ein eigener sinnvoll ist. Wir helfen euch beim Aufbau und mit der passenden Software!
Teaminterview Sebastian (Projektmanagement)
Heute im Teaminterview:
Sebastian - Projekt-Jongleur, Überblickhaber und Agile Master
Wie behaltet ihr die Entwicklungskosten eures Software-Projekts unter Kontrolle?
Erfahrt, wie ihr die Entwicklungskosten eures Software-Projekts unter Kontrolle behaltet. Erhaltet Tipps zu Projekt-Setup, Priorisierung, Scoping und mehr.
Welche Abrechnungsmodelle gibt es für Software-Projekte?
Ihr möchtet die gängigen Abrechnungsmodelle für Software kennenlernen? Wir zeigen euch, welche Modelle existieren und geben euch Tipps zur Auswahl.