Über die Wirkung und Verwendung von Farben

Der Farbkreis

Zur Erläuterung möchten wir Ihnen als erstes ein Farbkreismodell vorstellen. Der Farbkreis besteht aus den 3 Primärfarben: rot, blau und gelb sowie den 3 Sekundärfarben: violett, grün und orange. Die Sekundärfarben sind Mischungen aus jeweils 2 Primärfarben: violett entsteht aus rot und blau, grün entsteht aus blau und gelb, orange entsteht aus gelb und rot. Einer Primärfarbe steht im Farbkreis immer eine Sekundärfarbe gegenüber. Diese Gegenfarben werden als Komplementärfarben bezeichnet, z.B. ist die Komplementärfarbe von gelb violett, von rot grün usw.

Die 6 Farben des Farbkreises nennt man auch bunte Farben. Hinzu kommen noch die unbunten Farben schwarz und weiß. Bei der Mischung einer bunten Farbe mit schwarz wird diese abgedunkelt, so entsteht z.B. braun aus rot; und mit weiß aufgehellt, aus blau wird himmelblau. Wenn man die bunten Farben kreisförmig miteinander verschmelzen läst, erhält man den hier abgebildeten Farbkreis mit allen möglichen Farbtönen. Daneben ist die Farbgerade der unbunten Farben zu sehen, also alle Grautöne von schwarz bis weiß.

Das Colorwheel des Sitedummy benutzt ein anderes Farbkreismodell, daß auf die Berechnung von Farben ausgelegt ist. Lassen Sie sich davon nicht verwirren.

Farbsymbolik

Farben haben Kraft, denn sie erzeugen Emotionen. Der Mensch assoziiert mit einer Farbe Erfahrungen, die er im Laufe seines Lebens gemacht hat. Diese Assoziationen kann man in der Farbgestaltung gezielt ausnutzen, um die Gefühle des Betrachters zu beeinflussen. Diese Beeinflussung findet im Unterbewußtsein des Betrachters statt. Unkenntnis in der Farbsymbolik kann auch dazu führen, daß beim Betrachter eine ungewollte Reaktion hervorzugerufen wird.

Hierzu eine kleine Frage: Schmeckt Ihnen blaues Ketchup? Auch wenn es geschmacklich keinen Unterschied zu Ketchup mit natürlicher Farbe geben sollte, ist doch allein der Gedanke daran, blaues Ketchup zu essen, unangenehm.

Sie sollten bei Ihrer Farbwahl also darauf achten sie passend einzusetzen und das Thema Ihrer Webseite damit unterstreichen. Man kann auch auf kulturelle Unterschiede der Farbsymbolik Rücksicht nehmen, das soll an dieser Stelle aber nicht weiter ausgeführt werden. Nachfolgend eine kleine Tabelle mit Farben und ihren Assoziationen.

Farben und ihren Assoziationen:

Rot ist die Farbe des Blutes und Feuers. Entsprechend sind auch die Assoziationen: warm, anregend, Liebe, aktiv, heiß, dynamisch aber auch laut, aggressiv, gefährlich und verboten. Rot wird deshalb auch oft als Achtung-Farbe benutzt. Violett ist die Farbe der Mystik. Man verbindet mit ihr geheimnisvoll, Inspiration, Opferbereitschaft aber auch Zweideutigkeit oder Arroganz. Blau ist die Farbe des Himmels und des Wassers. Sie steht deshalb für die Weite, Tiefe, Ferne oder Sehnsucht und wirkt beruhigend, entspannend, kühl und ausgewogen. Grün ist die Farbe der Natur und des Frühlings. Grün empfindet man als angenehm, lebendig, gesund und erfrischend. Gelb ist die Farbe des Lichts und der Sonne. Gelb steht für erheiternd, friedlich, Energie und seiner Leuchtkraft und Wärme. Gelb wird aufgrund in Verbindung mit schwarz, um die Leuchtkraft zu intensivieren, als Signalfarbe eingesetzt. Orange steht für Lebensfreude. Die Farbe signalisiert Aufgeschlossenheit, Selbstvertrauen aber auch z.B. Leichtlebigkeit. Weiß ist die Farbe der Unschuld. Weiß wirkt rein, erhaben, ehrlich und klar. Grau Grautöne sind neutral und können mit jeder bunten Farbe kombiniert werden. Mit Grau verbindet man Seriösität. Schwarz steht für die Dunkelheit, Einsamkeit, Trauer und Tod aber auch für Würde, Eleganz, Modernität und Funktionalität.

Die genannten Assoziationen haben nicht 100% der Bevölkerung. Sicherlich gibt es Menschen, die mit grün z.B. Aktivität assoziieren. Hier muß man demokratisch sein und die Mehrheit entscheiden lassen, schließlich wollen Sie mit Ihrer Homepage auch die Mehrheit erreichen.

Das Aufhellen einer Farbe schwächt ihre Assoziationen ab, so wird z.B. aus rot rosa. Rot wirkt aktiv und anregend, rosa sanft (schwach aktiv) und zärtlich (schwach anregend). Das Abdunkeln der warmen Farben rot, gelb und orange macht sie schmutzig. Aus rot wird dann die Farbe braun. Braun steht für Erde. Beim Abdunkeln der kühlen Farben blau, grün und violett können ihre Assoziationen verstärkt werden oder sie vermischen sich mit denen der Farbe schwarz.

Wählen Sie für Ihre Webseite eine Hauptfarbe. Greifen Sie nicht einfach zu Ihrer Lieblingsfarbe. Überlegen Sie welche Assoziationen das Thema Ihrer Seiten hervorheben können. Denken Sie an das blaue Ketchup. Die Hauptfarbe wird bei der späteren Gestaltung Ihre Webseite dominieren. Weitere Farben können als Blickfänge eingesetzt werden.

Farbharmonien

Monochrome Farbgebung

Monochrom heißt einfarbig. Wenn Sie sich z.B. für ein Blau als Hauptfarbe entschieden haben, arbeiten Sie nun mit den ver- schiedenen Abstufungen (Aufhellen/Abdun- keln) dieses Blautons. Monochrome Farb- gebungen wirken sehr edel, manch- mal aber auch etwas langweilig, da sie dem Betrachter wenig Reize bieten. Um Spannung zu erzeugen, spielt bei der monochromen Farbgestaltung der richtige Einsatz des Hell-Dunkel-Kontrasts eine wichtige Rolle.

Eine monochrome Farbgebung ist der einfachste Weg schnell zu einem ansehnlichen Ergebnis zu gelangen. Wenn Sie Ihre Homepage nur mit einer Farbe gestalten möchten, wählen Sie Ihre Farbe im Sitedummy-Colorwheel und vergeben Sie dann Abstufungen dieser Farbe, über die Farbgerade neben dem Colorwheel, an die einzelnen Flächen. Sie können auch zusätzlich mit schwarz und weiß bzw. Grautönen arbeiten. Das lockert das Erscheinungsbild etwas auf.

Farbkombinationen

Wählen Sie zu Ihrer Hauptfarbe eine weitere Farbe. Mit der reinen Auswahl einer zweiten Farbe ist es natürlich nicht getan. Um eine besonders harmonisch wirkende Farbge- bung zu erreichen, sollte Ihre zweite Farbe im Farbkreis neben Ihrer Hauptfarbe liegen. Ihre beiden Farben sollten aber nicht zu nah beieinander liegen, also deutlich als 2 verschiedene Farben wahrnehmbar sein. Es besteht sonst die Gefahr, daß sie über- oder nebeneinanderliegend nicht genügend Kontrast besitzen und die Konturen der Darstel- lung verschwimmen. Den stärksten Kontrast erzielt man mit der Komplementärfarbe, also der im Farbkreis gegenüber- liegenden Farbe. Wenn blau Ihre Hauptfarbe ist, wäre die Komplementtärfarbe orange.
Mit der Komplementärfarbe kann man Blickfänge besonders hervorheben. Die Komplementärfarben sollte jedoch nicht übereinandergelegt werden, weil dadurch ein, für das Auge unangenehmer, Flimmereffekt entsteht. Benutzen Sie die Komplementärfarbe deshalb nur auf weißem oder grauem Hintergrund, um Blickfänge hervorzuheben.

Beispiel:

Zur Grafik: Benutzen Sie den Schieberegler zur Auswahl einer Farbe. Durch Klicken auf das Pluszeichen wird die Farbe in 2 Farben gesplittet. Gegenüber (neben dem Schieberegler) befindet sich die Komplementär- farbe. Das rote Kreuz blendet die restlichen Farben des Farbkreises aus.

Kombinationen mit unbunten Farben

Die unbunte Farben schwarz und weiß bzw. Grautöne lassen sich immer mit allen bunten Farbtönen kombinieren. Unbunte Farben können problemlos in eine Farbkombination integriert werden, also z.B. gelb und orange kombiniert mit hell- und dunkelgrau.

Vielfarbgebung

Wenn Sie keine Erfahrung im Umgang mit Farben haben, sollten Sie nicht mehr als 2 bunte Farben kombiniert mit unbunten Farbtönen für die Gestaltung Ihrer Homepage benutzen. Man könnte auch Farbkombinationen aus z.B. 3, 5 oder 7 bunten Farben verwenden. Zuviele Farben wirken auf den Betrachter jedoch schnell verspielt oder kitschig. Das Auge findet bei zu vielen Farben keine eindeutigen Bezugspunkte mehr. Keine eindeutigen Bezugspunkte zu finden bedeutet für den Betrachter, auch keine eindeutige Aussage zu finden. Wenn Sie nicht gerade eine Seite für Kinder gestalten, sollten Sie deshalb vorsichtig mit einer Farbgebung von mehr als 2 bunten Farbtönen sein.

Helligkeit und Kontrast

Durch Aufhellen oder Abdunkeln können Sie den Kontrast zwischen Ihren Farben verstärken oder abschwächen. Starke Kontraste sind bei übereinanderliegenden Farben besonders wichtig. Mit einem hohen Kontrast verstärkt man die Ränder, kann Farben intensiver machen oder sie besser voneinander abgrenzen.

Zur Grafik:
Wählen Sie eine der Beispielfarben. Mit den Schiebereglern können Sie die Farben auf- hellen oder abdunkeln und damit den Kontrast zwischen den Farben erhöhen oder verringern. Der Kontrast kann so gering eingestellt werden, daß die Ränder verschwimmen und anfangen zu flimmern. Je höher der Kontrast eingestellt wird, desto angenehmer ist die Wirkung der Farben für das Auge.

• Es findet ein Kommunikationsprozeß zwischen Anbieter und Besucher statt. Diesen Prozeß kann man so beeinflußen, daß ein positives Feedback beim Besucher erzielt wird.
• Schlüsselbegriffe zur Suchmaschinenoptimierung müssen gefunden werden. Daraus entsteht die Seitenstruktur und das Navigationsmenü. Die Keyworddichte beeinflußt die Relevanz der Seite im Suchergebnis.
• Der textliche Inhalt muß den Informationsbedarf eines Besuchers decken. Erzeugen Sie positive Reaktionen bei ihrer Zielgruppe durch die in Aussichtstellung einer Bedürfnisbefriedigung.
• Farben wirken auf das Unterbewußtsein des Betrachters. Mit der passenden Farbgebung verstärkt man das Thema der Seite. Die Farbgebung muß eine harmonische Wirkung erzeugen.