Colorscheme

Webdesign – Einsatz und Wirkung von Farben für wiederkehrende Besucher

Bei der Erstellung eines Templates für eine Website oder generell beim entwerfen des Layouts, trifft man früher oder später auf die Frage, welche Farbkombinationen man verwendet. Die Farbe entscheidet mit, welche Wirkung die Website auf die Besucher hat und ob diese wiederkehren.

Vorsicht bei Farbkombinationen ~ gelbe Schrift auf blauem Grund
Man kann einiges ausprobieren was die Wahl der Schriftfarbe und des Hintergrunds angeht, aber manche Kombinationen schliessen sich beim Webdesign von vornherein aus. Gelbe Schrift auf blauem Grund oder grüne Schrift auf rotem Grund läßt sich einfach nicht lesen, deshalb existieren auch soviele Websites mit weißem Gund und schwarzer Schrift, diese Kombination empfiehlt sich sowohl für on- als auch für offline Texte.

Website Farben und ihre psychologische Wirkung
Die Farben der Website und ihre daraus resultierende Wirkung auf die Besucher hängt vom behandelten Thema ab. Business Websites sind meist in einem seriösen blau/grau gehalten, da wird man nur selten eine Ausnahme finden. Für Websites mit Community sind wiederkehrende Besucher sehr wichtig, daher sollte man dort persönliche und einladende Farbkombinationen wählen (allerdings sollte man für den Hintergrund dennoch weiß und als Schriftfarbe schwarz nutzen, da das Hauptaugenmerk eines Forums auf den Texten liegt).

Fakt ist, unterschiedliche Farben erzeugen eine unterschiedliche Stimmung beim Besucher und dadurch werden unterschiedliche Erwartungen an die Website gestellt. Ohne ein Wort gesagt zu haben, wird über die Farbe eine Nachricht vermittelt. Zum Beispiel assoziiert man mit der Farbe grün “Frische”. Am besten läßt sich dies anhand einer Liste darstellen:

ROT

  • Ein helles und klares Blutrot: Aktivität, Tatkraft, Lebensfreude, Lebenskraft
  • Ein grelles Orange-Rot: Kann Ärger, Zorn, Wut, Hass, Streitsucht, Bosheit, Böswilligkeit, Zerstörerisches, Neigung zu ätzendem Spott, Ironie, Hohn audrücken
  • Kräftiges Rot: Energie, Optimismus
  • vermischt mit Grün: Offenheit und Respekt vor Anderen
  • Blassrot: Starke Nervosität, übertriebene Sensibilität, Reizbarkeit, Tendenz zur Schlaflosigkeit
  • Zinnoberrot: Unbeständigkeit, Stolz
  • Trübes Rot: Egoismus, Kleinlichkeit, Aggressivität
  • Rostrot: Geiz
  • vermischt mit Grau oder Braun: Unreine Tendenzen

ORANGE

  • Ein helles und klares Orange: Lebenskraft, Gesundheit, Kraft, Vitalität, Heilkraft
  • Ein rötliches Orange: Kann auf Ich – Bezogenheit hindeuten
  • Kräftiges Orange: Ständige Ausübung des Guten, Guter Wille, Loyalität
  • vermischt mit Blassgelb: Berechnende Großzügigkeit
  • vermischt mit Rostrot: Trägheit, Mangel an Initiative,
  • vermischt mit Dunkelgrün: Tücke, Aggressiver Geist ohne Feinheit

Schaut für weitere Farbkombinationen mal hier vorbei: Farben und ihre Bedeutung

Das Farben eine emotionale Wirkung auf uns haben läßt sich für Marketing-Strategien nutzen und diese wiederum erhöhen den Verkauf eines Produkts. Vergleicht einfach mal die beiden Websites: BMW und MERCEDES dort verwendet man die Farben “blau, grau und silber”, diese stehen für Qualität und Seriösität, dort soll ein gutes, aber auch teueres Produkt an den Mann gebracht werden.

Also, vor dem Entwurf der Website, erstmal überlegen welche Zielgruppe man ansprechen will, was “verkauft” werden soll (dabei muss es sich nicht um ein “reales” Produkt handeln) und welche Stimmung bei der Zielgruppe zu einem maximalen Gewinn führen könnte. Unterschiede in der Farbwahl können den Umsatz verfielfachen (ins positive, allerdings auch ins negative).

Die Praxis
Wenn ich ein Layout für eine Website entwerfe, überlege ich mir 2 Farben die hauptsächlich zum Einsatz kommen. Dabei verwende ich für den Hintergrund weiß und für die Schriftfarbe schwarz. Viele Anfänger erlauben sich den Fehler, mit den gewählten Farben (zum Beispiel grün und dunkelblau) die gesamte Site zu entwerfen, also auch Hintegrund und Schrift. Man erleichtert sich den Anfang wenn man schlicht für den Hintergrund weiß und für die Schrift schwarz wählt.

Ergänzend zu diesem Artikel kann ich noch Tipps für die Verwendung von Farbe von Webmasterfind empfehlen.

Wie sehen eure Erfahrungen aus und wie geht ihr an ein neues Projekt heran?

webdesign, farben, wirkung

Verwandte Artikel
  1. Farben und Webdesign
  2. Google Firefox Ads in unterschiedlichen Farben
  3. Branding – harmonisches Webdesign zwischen Corporate Identity und Corporate Design
  4. Farbcodes – Einfache Farbwahl in Hex
  5. Farbcodes – Einfache Farbwahl in Hex

am Dezember 5, 2005 um 17:34 Uhr | in Webdesign, Websites | 3 Kommentare


3 Kommentare
  1. Webmasterfind, Dezember 5, 2005:

    Meiner Erfahrung nach ist es für Anfänger einfacher, anfangs monochrome Farben, als Farben von einer Grundfarbe aus, zu verwenden. Dies verringert zumindest die Gefahr, dass man sich schlagende Farben benützt.

    Auch die Verwendung von reinen Farben (z.B. leuchtendes blau, grün, rot) sollte man tunlichst vermeiden, sondern eher zu sogenannten schmutzigen Farben greifen.

    ich hatte dieses Thema einmal auf meinen Webseiten näher beschrieben. Passt sicherlich gut zu deinen interessanten Artikel. Siehe Tipps für die Verwendung von Farbe

  2. Christian Strang, Dezember 5, 2005:

    Ja hervorragend, vielen dank für den Link.

  3. markus waibel, Mai 16, 2006:

    Ich stimme den oben angeführten Farb-Thesen zu: Je einfacher und “klassischer” die Farben sind, desto besser!

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.