In diesem Tutorial wird speziell auf die Themen Farben und richtige Farbwahl eingegangen, was interessant ist sowohl für diejenigen, die sich ihre Webseiten erstellen lassen, als auch besonders für diejenigen, die sich mit dem Thema Homepageerstellung befassen oder befassen müssen.
Es wurde versucht, nur soviel Theorie wie nötig, dafür soviel Praxisbezogenheit wie möglich einzusetzen, sodass man recht schnell zu brauchbaren Ergebnissen gelangt.
Vorab ein Hinweis:
Das Tutorial ist reichlich mit farbigen Grafiken illustriert. Die Qualität der Darstellung auf dem Monitor ist von verschiedenen Faktoren abhängig: Vom verwendeten Monitor selbst, der Monitoreinstellung, der Grafikkarte und sogar vom verwendeten Browser. Bitte berücksichtigen Sie diese unvermeidlichen Toleranzen bei der Betrachtung der Grafiken.
Die Farbwiedergabe Ihres Bildschirms sollten Sie mindestens auf High Color (16-Bit) eingestellt haben.
Einige Interaktionen sind in JavaScript realisiert. Bitte schalten Sie zur einwandfreien Darstellung JavaScript in Ihrem Browser ein (MS-Internet-Explorer: Sicherheitsstufe "Mittel").
Welche Farben in die Homepage?
Speziell das Kapitel Harmonielehre setzt Grundkenntnisse aus der Farbenlehre voraus. Wer sich mit den Grundbegriffen der Farbenlehre nicht auskennt (Komplementärkontrast, Farbenkreis, Farbmodulationen, u.s.w.), sollte sich zunächst mit den Grundregeln befassen:
Die Grundregeln der Farbenlehre
Wer noch überhaupt keine Vorstellung über die Farbe seiner Homepage hat, für den sind die Seiten über Farbsymbolik interessant. Farbsymbolik bedeutet, dass wir mit bestimmten Begriffen, Gefühlen, Situationen oder Zuständen ganz spezifische Farben oder Farbkombinationen assoziieren. Ein bekanntes Zitat veranschaulicht diese Assoziationen:
"Grau, teurer Freund ist alle Theorie, und Grün des Lebens goldner Baum."
Mephisto in Goethe´s Faust
Jeder von uns versteht auf Anhieb, worum es geht. Wir ordnen intuitiv die assoziierte Symbolik den jeweiligen Farbwörtern zu. Diesen Effekt kann man bei der Wahl seiner Farben nutzen: Möglicherweise existieren Farbkombinationen, die imstande wären, das Thema der Homepage zu unterstreichen? Ein Hersteller von Biokost beispielsweise beschäftigt sich auf seiner Webseite mit dem Thema "Gesund". Hier könnten Farben eingesetzt werden, die wir mit dem Begriff "Gesund" assoziieren. In der Tat sind es die Farben Grün und Rot und ein wenig Rosa und Blau. Im Kapitel Farbsymbolik können zu über 200 Begriffen die jeweiligen Farbassoziationen ermittelt werden:
Die Farbsymbolik
In welcher Art und Weise die Farben auf der Webseite verteilt werden sollten, damit es für unser menschliches Empfinden passend und harmonisch wirkt, steht auf den Seiten über Farbharmonie:
Die Harmonielehre
Ein Programm zum bestimmen von zueinander passenden Farben nach den Regeln der Harmonielehre: Der Farbwähler zum Bestimmen von Zweier-Harmonien, Dreier-Harmonien, Vierer-Harmonien, Auffächerungen und Farbreihen:
Farbwähler für Harmoniekontraste
Wie eine im Kapitel Farbsymbolik ausgewählte Farbassoziation in die Webseite integriert wird und mit den Regeln der Harmonielehre in Einklang gebracht wird:
Einklang von Harmonielehre und Farbsymbolik
Weil Farben nur dann so richtig zur Geltung kommen, wenn sie in geeigneter Weise auf die Formen und Flächen der Webseite verteilt werden, ist ein Kapitel über die Grundlagen des Formen- und Flächendesigns entstanden:
Das Design von Flächen
Weil Marketing und PR auch im Web immer wichtiger werden:
Marketing und PR
Die Kapitel können auch der Reihe nach durchgearbeitet werden, am Fuß jeder Seite befindet sich ein "zurück"- und ein "weiter"- Verweis.
Es gibt auch eine "Schnellstartseite", auf der die Farbdiagramme, die Aufstellung der assoziierten Begriffe, der harmonische Farbkreis, die Reizkategorien sowie die Regeln für Fließtext und Headlines verlinkt sind. In der Offlineversion des Tutorials brauchen Sie nur eine Verknüpfung zu dieser Schnellstartseite auf Ihren Desktop zu legen oder ein lokales Bookmark in den Browser, um bequem Zugriff zu bekommen: