Farben für das Web - viel zu bunt ist ungesund!
Wussten Sie, dass Website-BesucherInnen den ersten Eindruck Ihrer Website über die Farbgestaltung (Webgrafik) wahrnimmt und somit sofort über Sympathie und Ablehnung entscheidet! Darum: Es gibt nichts Schöneres, als die richtige Wahl der Webfarben für eine Website zu finden und nichts Schlimmeres, um den Inhalt zu verderben, wie die Verwendung und den Einsatz von falschen Web-Farben.
Welche Informationen finden Sie hier?
Wirkung von Farben
Psychologische Farbkodierung
Harmonie und Dissonanz von Farben
Webfarben
Das menschliche Sehsystem
Farbgestaltung
Einsatz und Verwendung von Farben
Gedanken zur optimalen Nutzung von Farben
Weblinks zum Thema "Farben für das Web"
Wirkung von Farben
Bereits um 1810 hat Johann Wolfgang von Goethe (Goethescher Farbenkreis) die psychologische Wirkung von Farben untersucht. Das Wissen über den Einsatz von Farben und der Farbpsychologie, ist von hohem Nutzen für Webgrafiker, bei der Erfüllung ihrer Arbeit. Farben sind neben dem Zeichenvorrat und der Zeichendekodierung eine weitere Eigenschaft, die in der Online-Kommunikation zur Informationsvermittlung und deren Verständnis herangezogen wird. Farben beleben nicht nur die visuelle Botschaft, sondern betonen bestimmte Details, dadurch werden Informationen im Web für die Nutzer leichter erfassbar und dekodiert. Farben sollen auch die subjektive Sicherheit erhöhen, um sich besser auf den Dialogschnittstellen zurecht zu finden. Farben werden auf Online-Angeboten auch zum Zwecke der besseren Orientierung, des Suchens und Auffinden der gewünschten Informationen eingesetzt. Wird jedoch Farbe falsch oder ein falscher Mix an Farben eingesetzt, so kann sich die Informationsaufnahme ins Gegenteil umkehren.Goethescher Farbenkreis
Psychologische Farbkodierung
Wie die Wahrnehmung von Lauten, Tönen, Mimik und Gesten lösen auch Farben bei Menschen Emotionen aus. Dieser Deutungszugang darüber ist bis heute noch nicht völlig geklärt, die Auswirkungen sind jedoch verallgemeinerbar, jeder von uns hat seine Lieblingsfarben und eine persönliche Einstellung dazu entwickelt (meist aus Erfahrungen). Farben besitzen eine spezifische Farbcharakteristik, die beim Empfänger eine bestimmte Assoziation und Gefühle (Emotionen) auslösen. Dadurch können Farben gezielt eingesetzt werden und zur Stimulation (positiv / negativ) beim Empfänger beitragen.Harmonie und Dissonanz von Farben
Was ist es, das uns die eine Farbe oder Farbzusammenstellung als harmonisch und besonders reizvoll erscheinen lässt, während uns eine andere Farbe keineswegs anspricht, uns also kalt lässt oder uns regelrecht abstößt. Farben können also "beißen" und nervös machen, weil sie überhaupt nicht zusammenpassen wollen. Hier spricht man von sogenannten dissonante Farben. Diese Farben stehen gewöhnlich in einem hohen Kontrast zueinander. Farben haben Beziehungen, das Zusammenspiel dieser Beziehungen erzeugt bestimmte Effekte. Für Webgrafiker ist es daher wichtig sich immer mit den komplexen, subjektiven und individuellen Farbentwicklungen aus Wissenschaft und Erfahrung auseinanderzusetzen.Die Wirkung einer Farbzusammenstellung entsteht durch das Ausmaß an Übereinstimmung und Verschiedenheit, also durch den Grad der Verwandtschaft und des Fremdseins der genutzten Farben. In der Geschichte der Harmonielehre der Farben gibt es interessante Versuche, Harmoniebeziehungen aus Ordnungssystemen heraus abzuleiten. Harmonische Farben funktionieren gut, wenn man eine angenehme und ruhige Farbbeziehung bilden will. Harmonische Farben sind im Farbkreis meist Nachbarn oder stehen im gleichen Abstand zueinander und bilden so auch das Harmoniedreieck.
Webfarben
Das Internet ist eine Technologie, die unabhängig von der jeweiligen Computerplattform (Betriebssysteme und Mikroprozessor) ist, man weiß nicht über welche Hardware-Ausstattung der Nutzer verfügt. Dies bedeutet für das Arbeiten im Bereich Farben und Grafik, das man nicht von einer bestimmten Anzahl verfügbarer Farben auf einem Computer ausgehen kann. Damit die korrekte Darstellung der Farben und Grafiken einer Website nicht verfälscht wird, sollte bei der Programmierung der Web-Pages nach Möglichkeit eine einheitliche Web-Farbpalette und Farbtabelle verwendet werden. Sonst könnte es passieren, dass homogene Farbflächen bei Grafiken gerastert oder Farben verfälscht werden.216 Webfarben
Top-Tipp
Nützliche Infos und Grafiken finden Sie auf www.ideenreich.com
Das menschliche Sehsystem
Wir sehen mit unseren Augen, so sagt man es. Tatsächlich sehen wir nicht mit unseren Augen allein, sondern mit unserem Sehorgan, für das unsere Augen nur die Eingabestationen sind. Das menschliche Auge ist nur Empfänger und Umwandler des Lichts. Lichtstrahlen sind farblos und das Transportmedium. Von unsere Netzhaut werden die Informationen an unser Gehirn weitergeleitet. Die Farbempfindung entsteht im Gehirn, das von unseren Augen mit Informationen über den Zustand und die Beschaffenheit unserer Umwelt versorgt wird. Sämtliche Farbreize, die wir unserer Umwelt entnehmen, sind entweder direkte Lichteinstrahlungen oder Reflexionen von Materialien, die bestimmte Wellenlängen des auftreffenden Lichtes absorbieren und uns den Rest in das Auge liefern. Diese Lichtreize fallen nun auf die Rezeptoren und diese bestehen aus Stäbchen bzw. Zäpfchen. Die Stäbchen sind sehr lichtempfindlich und wenn sie einmal aktiv sind, bleiben sie länger aktiv. Zäpfchen und Stäbchen sind so klein, dass auf einem Quadratmillimeter 15.000 Stück Platz finden. Dadurch ist auch unser Auflösungsvermögen festgelegt, und erklärt, warum wir Probleme haben, Details zu erkennen, die unter dieser Minimalgröße liegen. Stäbchen sind "farbenblind" und somit für das Schwarz/Weiß - Sehen zuständig. Die Zäpfchen besitzen eine höhere Reizschwelle und übernehmen das Farbsehen. Wir besitzen drei unterschiedliche Farbrezeptor-Typen von Zäpfchen mit unterschiedlicher Anordnung, Absorptionsfähigkeiten und Empfindlichkeiten für Rot, Grün und Blau. Durch diese Anordnung und verschiedenen Empfindlichkeiten wird z.B. Blau unempfindlicher und kleine blaue Objekte werden weniger genau wahrgenommen.Farbgestaltung
Oberstes Ziel einer Farbgestaltung für Webangebote ist immer die optimale Unterstützung der Informationsverarbeitung. Durch den Einsatz von Farben erhalten Informationen eine zusätzliche (nützliche) Dimension. Farben werden nie neutral, sondern emotionell und wertbehaftet, von Mensch zu Mensch unterschiedlich wahrgenommen und interpretiert.
Einflüsse auf die subjektive Farbwahrnehmung
- Biologische Einflüsse
- Kulturelle Einflüsse
- Individuelle Einflüsse
- Eigene Vorlieben
Vorteile in der Verwendung von Farben
- Farbe macht vieles schöner
- Farbe vermittelt einen guten Eindruck
- Farbe fällt auf und erweckt Reaktionen
- Farben lenkt die Aufmerksamkeit auf bestimmte Teile
- Farbe macht komplexe Darstellungen leichter verständlich
- Farbe sorgt für konzentrierte Wahrnehmung
- Farbe kann warnen
- Farbe beschleunigt den Lernprozess
- Farbe stimuliert das Gedächtnis
- Farbe sorgt für Wiedererkennung
- Farbe erhöht die Motivation
Einsatz und Verwendung von Farben
Wird Farbe für funktionelle Zwecke eingesetzt, so muss sehr subtil und sparsam damit umgegangen werden. Es ist sehr wichtig, dass Farben auf einfache Art und Weise eingesetzt werden, da die Wirksamkeit der Farbgebung vom Erinnerungsvermögen abhängt. Menschen können sich am besten an Primärfarben (Rot, Grün, Blau) und an Grundfarben, mit Namen (Gelb, Braun, Gold, Rosa) erinnern und diese auch leicht wiedererkennen. Soll etwas auffallen, so sind grelle und gesättigte Farben einzusetzen. Dabei können die Farben Gelb, Rot oder Orange sogar aggressiv wirken. Warme Farben erwecken den Eindruck, dass sie sich näher beim Betrachter befinden als kalte. Sollen Inhalte in den Hintergrund gesetzt werden oder sollen die betreffenden Aspekte weniger auffallen, kann dies durch die Verwendung von unauffälligen Farben erzielt werden. Kalte Farben scheinen weiter vom Betrachter entfernt zu sein und schaffen somit etwas Distanz. Soll die Aufmerksamkeit des Lesers auf einen wichtigen Aspekt gelenkt werden, so sind warme, grelle und aktive Farben zu benutzen, da diese zuerst bemerkt werden und dazu soll eine bescheidene Kontrastfarbe verwenden. Soll ein Abschnitt kleiner aussehen, so kann dafür eine ruhige, dunklere Farbe verwendet werden: Soll ein Abschnitt größer erscheinen, sollen hellere Farben verwendet werden. Farben ändern sich, wenn sich der Hintergrund ändert. Keine einzige Farbe steht für sich. Jede Farbe wird von den umringenden Farben beeinflusst. In der Software-Ergonomie kommt der Verwendung von Farben auch eine große Aufmerksamkeit zu.
Verwendungszwecke - Farbe richtig einsetzen
Die wichtigsten Verwendungszwecke des Farbeneinsatzes im Informationsdesign:
- beschriften
- messen
- die Realität darstellen
- etwas imitieren
- beleben
- dekorieren
- warnen
- hinweisen
Gedanken zur optimalen Nutzung von Farben
Der Einsatz von wenigen Farben erzielt bessere Ergebnisse. Sechs verschiedene Farben sind das Maximum. Werden mehr Farben verwendet, so ist für die Farben eine Legende anzufertigen. Setzen Sie stets den gleichen Farbcode für eine Kategorie ein. Die visuelle Anziehungskraft der Farbe ist immer mit dem Inhalt zu kombinieren. Bestimmte Farben für bestimmte Funktionen, verwenden Sie Farben, um dem Nutzer einen schnellen Überblick zu ermöglichen. Farbe dient der Steuerung der Informationsaufnahme. Farbe benutzen, um den Blick des Lesers auf das Wesentliche zu lenken und um Botschaften effektiv und effizient zu übermitteln. Entwickeln Sie einen eigenen Farb-Stil. Farbkonsistenz über das gesamte Web-Angebot einhalten. Hypertexte der gleichen Gruppe werden durch einen identen Farbcode leichter identifiziert. Am Anfang eines Projektes die Farbgebung und den Farbstil immer mit einplanen, so vermeiden Sie Enttäuschungen und Frustration in den späteren Ergebnissen. Hintergrundfarbe immer zuerst definieren.Bücher zum Thema Webfarben
Hier finden Sie eine kleine Auswahl an Bücher die mit dem Thema Webfarben beschäftigen. Die Erklärung zum Wertfaktor finden Sie hier .
Wertfaktor 8
Wichtiges Nachschlagewerk. Ist als Pflichtlektüre für die Agenturbibliothek bestens geeignet aufgenommen zu werden.
Jetzt kaufen bei Amazon --> Farbe im Design
Wertfaktor 6
Ein sehr gutes Buch für Anfänger und Fortgeschrittene. Ist als Basislektüre bestens geeignet, in Ihre Bibliothek aufgenommen zu werden.
Jetzt kaufen bei Amazon --> Visuelles Gestalten mit dem Computer
Wertfaktor 6
Lehrbuch mit großem Nutzwert über Farben im Web und den Einsatzmöglichkeiten und Wirkung auf Websites.
Jetzt kaufen bei Amazon --> Farbe für Websites
Gute und empfehlenswerte Weblinks zum Thema "Farben für das Web"
- www.webfarbentrainer.de
- www.colormix.com
- www.colour-control.com
- www.dada.at
- www.colorwhore.com
- www.sohnrey.de
- www.vischeck.com