Werbung

Im heutigen Gastartikel von Kerstin Schubert geht es um Farbkompositionen. Wie wirken Farbkombinationen im Webdesign?

Der letzte Teil der Serie (Wirkung einzelner Farben im Web Design) hatte ja eine – auch fĂŒr mich – interessante Diskussion ausgelöst. Daher sollen nun einige Farbkombinationen und deren Wirkung vorgestellt werden.

Dazu möchte ich jedoch gleich erwĂ€hnen, dass diese Liste bei weitem nicht vollstĂ€ndig ist und nur ein GespĂŒr dafĂŒr geben soll, wie die Farbe auch durch ihre Umgebung beeinflusst wird.

Farbkompositionen

Schwarz – Weiß
Die Unfarben stehen fĂŒr Sachlichkeit und NĂŒchternheit – also etwas fĂŒr AnwĂ€lte.

Rot – Schwarz
Wenn ihr darstellen möchtet, dass ihr jemanden an die Gurgel wollt, dann seit ihr bei dieser Farbkombination richtig. Aggressiver geht es eigentlich fast gar nicht mehr – Provokation pur.

Das gleiche gilt fĂŒr Orange – Schwarz.

Rot – Grau / Silber
Diese Farbkombination symbolisiert VitalitĂ€t. Überwiegt jedoch die rote Farbe, kann das Empfinden wieder ins Negative umschlagen. Also hier die Farben dezent und vor allem gezielt sinnvoll einsetzen.

Rot – Gelb
Die klassischen Signalfarben, die meistens fĂŒr Gefahr aber auch oft fĂŒr Flaggen stehen. Wenn ich mir das genauer ĂŒberlege: Kein Wunder sind das die typischen Farben fĂŒr DiscounterlĂ€den: Die Farben schreien förmlich nach „Billig“ und „Kauf mich, sonst gibt es Ärger“ Minimal eingesetzt, können aber auch diese beiden Farben VitalitĂ€t ausdrĂŒcken – wie gesagt, alles in Maßen Ich wĂŒrde jedoch davon abraten, diese Farbkombination zu wĂ€hlen.

Rot – Blau
Warm – kalt, aktiv – passiv, nah – fern; eine Farbkombination voller GegensĂ€tze. Ein Kontrast eben. Hier bitte vorsichtig mit umgehen, da die beiden Farben direkt nebeneinander vor allem im Web ein flackern im Auge bewirken, dass sehr unangenehm wirkt.

Rot – GrĂŒn
Ein Kontrast, der noch schlimmer im Auge flackert als Rot – Blau. Also Vorsicht! Auch die Farbabstufungen der beiden Farben haben diese Auswirkungen. Das ist eine Farbkombination, die wirklich nur eingesetzt werden sollte, wenn man provozieren möchte.

Rot – Orange, Rot – Braun
Feuer, WĂ€rme, Begierde… eine Farbkombination, der man gerne nĂ€her kommen möchte

NatĂŒrlich gilt das auch wieder fĂŒr die jeweiligen Farbabstufungen.

Gelb – Orange
Anders sieht es da bei Gelb-Orange aus. Die Kombination strahlt Angeberei aus und irgendwie auch etwas hinterhĂ€ltiges. Eine Farbgebung, um den Leuten etwas unterzujubeln…

Gelb – Blau
Diese Kombination ist mit den Kontrast Rot – Blau gleichzusetzen. Diese beiden Farbkombinationen nennt man ĂŒbrigens KomplemetĂ€rkontraste. Dazu spĂ€ter aber noch einen kurzen Ausflug.

Gelb – GrĂŒn
Frisch, frischer, am Frischesten. Vor allem Farbabstufungen wirken sehr frech, auffordernd, knackig,… machen eben Spaß. Gut, manch einer mag jetzt an Zitrone denken. Aber auch die hat etwas erfrischendes. Eine Bitte: jetzt aber nicht alle gelbgrĂŒne Internetseiten gestalten, sonst wird das Internet langweilig

Gelb – Braun
GemĂŒtlicher geht es nicht mehr. Diese beiden Farben nebeneinander strahlen Ruhe und Geduld aus. Vielleicht wurden deswegen in den 70′ern alle Tapetenmuster so gestaltet.

Gelb – Schwarz
Ein Kontrast, der StĂ€rke zeigt und Warnungen ausdrĂŒckt. Schon die Natur verwerndet hierfĂŒr diese Farben. Denkt mal an die Wespen,…

GrĂŒnblau – Weiß
Willkommen in den Arztpraxen. Die Farben sind einfach nur steril und sie werden es wohl auch immer bleiben. Wer also etwas mit Sauberkeit ausdrĂŒcken möchte, der ist hier richtig.

Blau – Weiß
Ein kleiner Schritt im Tonwert und schon ist man von der Arztpraxis im Urlaub gelandet.

In dieser Kombination haben wir jedoch wieder die Sauberkeit im Mittelpunkt.

Apropos Blau. Ein kleiner Ausflug in die Farbwirkung einzelner Farbabstufungen.

Blau
Dieses Blau wirkt sauber, nass, kalt, steril und zurĂŒckhaltend.

Ultramarinblau
…steht dafĂŒr eher „mit beiden Beinen im Leben“, ist standhaft, direkt, seriös. Noch ein Beispiel?

Rosa:
Ballett, Baby, Kosmetik – eben niedlich, zart, rein… das wird mit dieser Farbe verbunden.

Lavendel
…steht dagegen fĂŒr Einsamkeit und SchwĂ€che. Wirkt also ein Tick mehr als nur das Rosa.

Lila
Die klassische Farbe fĂŒr Magie, Trauer und Eimsamkeit. So kann aus eine ursprĂŒnglich niedliche Farbe ein Trauerspiel werden, wenn die Farben zu stark und an falscher Stelle eingesetzt werden.

Wie ihr seht: Es kommt auch auf die Farbabstufung innerhalb einer Farbe an… und damit wĂŒrde der Artikel mal wieder noch lĂ€nger werden, wenn ich das alles auseinander nehmen wĂŒrde. Aber machen wir einfach mal weiter…

Ultramarin – GrĂŒn
Ehrlichkeit und Beruhigung, das wird mit diesen Farben ausgedrĂŒckt. Der Klassiker, was Versicherungen und Banken angeht.

Ultramarin – Braun
Die MĂ€nner unter den Lesern werden sich hier angesprochen fĂŒhlen.

Ultramarin – Orange
Wieder einer dieser KomplementÀrkontraste, mit denen ihr vorsichtig umgehen solltet.

GrĂŒn – Orange
Natur pur. Mehr muss man dazu nicht sagen. Vor allem, wenn Wanderer oder sonstige aktive Naturfreaks angesprochen werden sollen, seit ihr hier absolut richtig.

GrĂŒn – Braun
Soll es dagegen mehr um die Naturgenießer gehen, dann empfehle ich direkt GrĂŒn – Braun.

Das gleiche gilt fĂŒr Orange – Braun

GrĂŒn – Schwarz / GrĂŒn – Weiß
Diese beiden Kombinationen sind zwar frisch,… aber ein Tick zu Frisch in meinen Augen. Damit also eher Vorsicht.

Braun – Schwarz
Zu den Farben muss ich – glaube ich – nichts sagen. Hier hat jeder einen negativen Geschmack auf der Zunge.Obwohl die Farbkombination selber eigentlich eher warm, alt und gemĂŒtlich ist, haben politische Ereignisse erreicht, dass man besser die Finger davon lĂ€sst.

Jetzt wisst ihr, warum es nicht „das Rezept“ gibt, welche Farben verwendet werden sollten und welche nicht. Es geht zum einen um die Farbe und ihre Abstufung ansich und zum anderen um das Umfeld, in dem sich die Farbe befindet. Diese Serie sollte eigentlich nur dazu dienen, euch ein wenig „empfindlicher“ auf das Thema zu machen.

Wer jetzt immer noch unsicher ist, dem sind folgende Internetseiten empfohlen:

colourlovers.com (Wird aktuell gerade ĂŒberarbeitet)
oder auch
Color Schemer Online v2

Hier wird einfach der jeweilige Farbwert angegeben und die Seite spuckt entsprechend harmonische FarbvorschlÀge aus.

Hier findet ihr einiges an Modulen zum Thema Farbe.

Achja: FĂŒr alle, die keine Software haben, um Farben entsprechend umzurechnen: Hier eine Tabelle, die alle Webfarben jeweils in RGB und HEX angibt.

Und hier die Möglichkeit, die Farben direkt umrechnen zu lassen.

Viel Spaß

Die Autorin

Target Grafix ist ein „Full-Service-Netzwerk“, das im Jahr 2002 von Kerstin Schubert gegrĂŒndet wurde.

Die Arbeiten konzentrieren sich auf Usability, Print- und Onlinemedien. Dabei richtet Target Grafix den Blick auf Analyse, Konzeption, Beratung, Design und Evaluation.

Weitere Teile dieser Artikel-Serie:
“Farbwahrnehmung, Farberleben und die subjektive Farbbeurteilung im Webdesign”
“Die verschiedenen Wirkungsweisen von Farben”

Du hast Interesse einen Gastartikel hier auf “SelbstĂ€ndig im Netz” zu veröffentlichen? Dann einfach eine eMail mit kurzer Vorstellung und Artikelideen an autor@selbstaendig-im-netz.de senden.

Werbung

Werbung

0RETWEETSTweet

0GOOGLE +1+1

0SHARESTeilen

0LINKEDLinkedIn

Datenschutz-HinweisBei einem Klick auf diese Buttons gelangen Sie zu den jeweiligen sozialen Netzwerken. Wir haben keinen Einfluss auf den Umfang der Daten, die dort erhoben und gesammelt werden.

Der Artikel hat Dir gefallen?
Dann abonniere den Feed! Die Artikel gibt es auch per Mail