Farben im Layout: Grundlagen

Gelesen bei AboutWebDesign.de
URL: http://www.aboutwebdesign.de/awd/content/970589735.shtml

Beim Design einer Seite sind gerade die verwendeten Farben entscheidend dafür, welchen Eindruck die Seite auf den Besucher macht. Im nachfolgenden Artikel wollen wir Ihnen einen Überblick geben, worauf Sie achten sollten.

Wie wirkt eine Farbe?

Am Anfang steht die Frage danach, wie eine Farbe für sich allein genommen wirkt. Die nachfolgende Tabelle wird Ihnen einen Überblick geben:

Farbe Wirkung
Weiß Hell. Offen. Freundlich.
Schwarz Verschiedenartig: dunkel/düster/neutral
Rot Aggressiv und angreifend, wenn in weitflächig eingesetzt. Ansonsten eher "nach Aufmerksamkeit schreiend"
Blau Edel, oft angenehm.
Grün Häufig grell und störend, bei dunklen Tönen auch manchmal ruhig
Gelb Ebenfalls oft grell, in dunkleren Tönen aber durchaus angenehm


Wenn Sie gerade dabei sind, das Layout einer Seite zu planen, sollten Sie berücksichtigen, welche Art von Seite Sie erstellen wollen. Eine nüchterne Partei-Informationsseite sollte z.B. mit grellen Farben äußerst sparsam umgehen, eine Seite über Actionspiele dagegen darf sich auch bei grellen Gelb- und Grüntönen bedienen.

Farbkombinationen/Kontraste/Ergonomie

Essentiell auch, wie die verwendeten Farben nebeneinander stehen, d.h. wie sie miteinander kontrastieren.

Wichtig zu wissen ist, dass es verschiedene Arten von Kontrasten gibt: u.a. den Helligkeits-Kontrast und den Kalt-Warm-Kontrast (besonders stark z.B. zwischen einem dunklen Orange und und einem hellen Blau).

Wichtig für Sie als Webmaster ist in erster Linie, dass der Kontast zwischen Schrift und Hintergrund so hoch sein muss, dass die Schrift sich deutlich vom Hintergrund abhebt. Wichtig ist hier das "rechte Maß": eine rote Schrift auf einem knallgrünen Hintergrund trägt sicher nicht zu einer guten Lesbarkeit bei.

Weiterhin sollten Sie darauf achten, dem Hintergrund eine "zurückhaltende" Farbe zu geben. Im Allgemeinen ist es oft sinnvoll, auf grelle Farben im Layout zu verzichten. Sollten Sie sich doch entschließen, etwas Grelles in Ihr Layout einzubauen, achten Sie darauf, es auf vergleichsweise kleine Flächen zu beschränken.

Fazit

Suchen Sie Farbkombinationen, die zu den Inhalten passen, die Sie präsentieren wollen. Achten Sie immer darauf, die Texte durch geschickte Farbwahl so lesbar wie möglich zu halten!