Einführung in die Farbtheorie: So kombinieren Sie Farben und bestimmen die Stimmung Ihrer Designs

Aufgrund der angeborenen Fähigkeit unserer Netzhaut, Frequenzen von Lichtwellen zu unterscheiden, können wir unterschiedliche Farben erkennen.

Bestimmte Farben oder Schattierungen rufen bei Menschen unterschiedliche Gefühle hervor. In diesem Beitrag möchte ich eine kurze Einführung in die Farbtheorie geben, in Möglichkeiten, Farben zu kombinieren, und in Tools zum Entwerfen mit Farben - von denen Sie als Designer profitieren können, um Ihre Entwürfe ansprechend zu gestalten.

Lasst uns beginnen!

Unterschiedliche Stimmungen werden unterschiedlichen Farben zugeschrieben und Sie können diese unterschiedlichen Farben verwenden, um unterschiedliche Ziele zu erreichen.

  1. Rot wurde traditionell mit Liebe, Energie und Intensität in Verbindung gebracht. Viele Autoanzeigen oder alles, was mit Liebe zu tun hat, sind ein bisschen rot.
  2. Gelb wird häufig für Dinge verwendet, die Freude, Aufmerksamkeit und Intellekt vermitteln. Gelb ist eine unglaublich aufmerksamkeitsstarke Farbe. Gelb ist jedoch keine gute Wahl für den Hintergrund Ihrer App oder als Hauptschnittstelle. Gelb kann Aufmerksamkeitsmüdigkeit verursachen. Es ist eine ausgezeichnete Wahl für das Design von App-Symbolen oder App-Screenshots.
  3. Grün wurde mit Frische, Sicherheit und Wachstum in Verbindung gebracht. Aus diesem Grund sehen Sie die meisten Unternehmen, die sich mit der Natur und gesunden Lebensmitteln befassen, bei der Verwendung von Grün als Markenzeichen.
  4. Blau - Stabilität. Vertrauen. Gelassenheit. Kein Wunder, dass sowohl Facebook als auch Twitter blau sind.
  5. Lila steht für Lizenzgebühren. Reichtum. Weiblichkeit. Lila wird in der Regel für auf Frauen ausgerichtete Produkte verwendet. Und Luxusprodukte.

Beginnen Sie mit der Analyse von Werbung, um diese Theorien in Aktion zu sehen. Schließlich sind Anzeigen wirklich gut durchdachte Versuche, die menschliche Psychologie zu überzeugen und zu manipulieren.

Wenn Sie das nächste Mal eine Anzeige sehen, versuchen Sie herauszufinden, mit welchen Techniken oder Gestaltungsprinzipien das Design ansprechend wirkt und welche Emotionen hervorgerufen werden sollen.

Bei der Auswahl einer Farbpalette geht es jedoch nicht nur um Werbung und Aufmerksamkeit. Es geht auch darum, Ihr Produkt zu verkaufen und bestimmte Instinkte oder Wünsche der Menschen anzusprechen.

Wenn Sie das nächste Mal eine App / Website entwerfen, sollten Sie sich als Erstes überlegen, welche Emotionen Sie hervorrufen möchten und welche Ideen Sie dem Benutzer vermitteln möchten, und eine entsprechende Farbpalette auswählen.

Lesen Sie dies, um mehr zu erfahren.

So kombinieren Sie Farben, um Farbpaletten zu erstellen

Jetzt werden Sie natürlich nicht überall in Ihrer App dieselbe Farbe verwenden. Sie benötigen Farbkombinationen, die gut zueinander passen und angenehm anzusehen sind.

Um Farben zu kombinieren, verwenden Künstler und Designer häufig ein Werkzeug namens Farbrad.

Ein Farbkreis.

Es gibt verschiedene Möglichkeiten, die Wissenschaft der Farbtheorie zu nutzen, um verschiedene Farben für Ihre Designs zu kombinieren.

  1. Analoge Farbpalette: Bei dieser Kombination nehmen Sie eine Farbe aus dem Farbkreis auf. Dann nehmen Sie eine Farbe daneben auf. Und Sie erstellen ein Design mit diesen Farben. Analoge Farben erzeugen ein harmonisches und leicht zu betrachtendes Design.
Bildnachweis.

2. Komplementäre Farbpalette: Wählen Sie für diese Kombination eine Farbe und eine dazu entgegengesetzte Farbe im Farbkreis aus. Zum Beispiel die roten und grünen hier.

Bildnachweis

Komplementäres Farbdesign ist normalerweise aufmerksamkeitsstark und daher nicht so gut für die Hauptoberfläche oder den Hintergrund Ihrer App. Verwenden Sie sie stattdessen für Ihr App-Symbol oder die Screenshots.

3. Split Colors: Für diese Farbkombination nehmen Sie eine Farbe auf. Nehmen Sie dann zwei Farben auf, die neben der anderen Farbe liegen.

Bildnachweis

Sie sind immer noch aufmerksamkeitsstark, aber auch angenehm anzusehen.

4. Triadische Farbpalette: Sie nehmen eine Farbe auf und zeichnen ein gleichseitiges Dreieck. Sie neigen dazu, ein ausgewogenes Gefühl zu geben.

Bildnachweis

Diese Farbpalette stammt aus den 90ern, wirkt also etwas veraltet. Viele Fast-Food-Ketten aus dieser Zeit haben ihre Logos in der Triade-Farbgebung.

5. Einfarbige Farben: Sie sind sehr modern und sehr in Mode. Einfarbige Designs sehen auf modernen Smartphonebildschirmen wunderschön aus. Sie nehmen einfach eine einzelne Farbe auf und kombinieren sie entweder mit verschiedenen Weiß- oder Schwarzanteilen, um unterschiedliche Töne und Schattierungen zu erzielen, die sich voneinander abheben.

Sie können so viel Schwarz oder Weiß mischen, um den gewünschten Kontrast zu erzielen. Diese Farbpaletten sind in der Regel unglaublich zeitgemäß und eignen sich sehr gut für modernes digitales Design.

Bildnachweis

Lesen Sie dies und das, um noch mehr zu erfahren.

Werkzeuge zum Gestalten mit Farbe

Wir haben ein wenig überlegt, wie verschiedene Farben kombiniert werden können, um ein ansprechendes Aussehen zu erzielen und bestimmte Effekte zu erzielen.

Es gibt unzählige Online-Tools, mit denen Sie eine Farbpalette finden oder Ihre eigenen erstellen können. Meine am häufigsten verwendeten Tools sind:

  1. Farbsuche. Dies ist ein Ort, an dem professionelle Designer ihre Lieblingsfarbpaletten zusammenstellen. Sie können Hot-, Random- und Popular-Paletten finden und je nach Stimmung der Farbpalette eine für Ihr bestimmtes Projekt.
  2. Flache UI-Farben. Diese Website verfügt über 20 Farben, die speziell für die iOS-Plattform entwickelt wurden. Ich habe gehört, dass Entwickler für Android die Materialpalette verwenden.
  3. ColorZilla. Dies ist eine super tolle Chrome-Erweiterung, die den HEX-Code einer beliebigen Farbe auf einer Website herausfindet.

Wenn Sie diese Tools verwenden, die Theorie hinter Farbstimmungen verstehen und Farben mischen und anpassen, sollten Sie in der Lage sein, eine Farbpalette zu finden, die für Ihr App- / Website-Projekt geeignet ist. Dies wird dazu beitragen, dass Ihr Produkt ansprechend aussieht und eine bestimmte Idee oder Emotion in Ihrem Benutzer hervorruft.