Webdesign - Webseiten planen, gestalten - Free-Hack Library

Interfacedesign
Konsistenz in der Farbanwendung ist anhand dieser Website gut
nachzuvollziehen: Das Logo bleibt farbgetreu auf jeder Seite erhalten,
trotzdem integriert es sich gut in die jeweilige Bereichsfarbe.
Alles andere könnte gestalterisch nicht toleriert werden.
Wo kann eine Kodierungsfarbe eingesetzt werden? Den gesamten
Seitenhintergrund jeweils umzufärben, ist sehr dominant und
verändert meistens das Gesamterscheinungsbild. Andererseits
reicht es nicht aus, nur die Farbe kleiner Navigationsgrafiken oder
Aufzählungspunkte zu wechseln, denn das fällt kaum auf.
Meistens bietet es sich an, die Farbkodierung auf mehrere Elemente
gleichzeitig anzuwenden. Ideal ist es, wenn etwas größere
Teilflächen (z. B. Navigationsbalken) umgefärbt werden, da die
Farbunterschiede hier am deutlichsten werden (Abb. 6.7.3c).
Zu bedenken ist nämlich, dass eine Farbe sehr unterschiedlich
wirkt in Abhängigkeit davon, ob sie in einer großen oder kleinen
Fläche, einer Linie oder als Schriftfarbe eingesetzt wird. Aus diesem
Grunde ist es oft erforderlich, tatsächlich unterschiedliche Farben
je Anwendungsobjekt zu definieren, um beim Nutzer den Eindruck
zu erwecken, es handle sich bei allen Objekten um die gleiche
Farbe (Abb. 6.7.3d).
Muss man bereits festliegende Kodierungsfarben übernehmen, kann
es vorkommen, dass solche dabei sind, die sich für die Verwendung
als (noch lesbare) Schriftfarbe nicht eignen, wie z. B. die Farbe
Gelb oder andere helle Farbnuancen. Hier kann man über entsprechende
Einstellung von Sättigung und Helligkeit ausreichende
Kontrastwerte zum vorhandenen Hintergrund erreichen oder, falls
gestalterisch vertretbar, den Hintergrund invertieren. Gelingt das
nicht, bleibt nur der Weg, durch Beimischen von Schwarz die Farbe
zu „vergrauen“ oder eine entsprechend farbige Grauvariante zu
erzeugen (Abb. 6.7.3e).
Problematisch wird eine dominante Farbkodierung, wenn ein
Unternehmen über eine starke Corporate Color verfügt. Die
Kodierungsfarben der Website müssen dann zur Corporate Color
passen, wobei es zu einem Gewichtungskonflikt zwischen den
Farben kommen kann.
DESIGNENTWURF 6
Abb. 6.7.3c: Farbkodierung im Navigationsbalken
(Websiteentwurf FH-Gelsenkirchen)
Originalfarbe
Text in Originalfarbe
Textfarbe abgedunkelt
Abb. 6.7.3d: Originalfarbe und angepasste Farbe
in unterschiedlichen Gestaltungeselementen
Originalfarbe
Text in Originalfarbe
Textfarbe abgedunkelt
Abb. 6.7.3e: Gelb wird zum gelblichen Grau
abgetönt, wenn es lesbar sein soll
219