Webdesign-Workshop
|
WolfdesignGrundlagen der Farbgestaltung |
|
Inhalt |
Licht und Farben
Grundlagen der Farbentheorie Grundlagen der Farbgestaltung Grundlagen der Farbwirkungen Layout und Farbe Farben im Webdesign Zusammenfassung Quellen |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Licht und Farben |
Jede Farbenlehre ist ein Versuch, die sehr subjektive Farbempfindung so weit wie möglich zu objektivieren.
Es ist deshalb nicht verwunderlich, dass es so sehr unterschiedliche Farbentheorien gibt.
Farbenuntersuchungen gehören zu den schönsten Gebieten der Wissenschaft. Hier berühren sich Naturwissenschaft, Geisteswissenschaft und Kunst. Goethe war am Ende seines Lebens mehr stolz auf seine Farbenlehre als auf seinen Faust. Die schwarzen Pixel auf einem Bildschirms sind nichts anderes als das helle Grau des ausgeschalteten Monitors bzw. Displays. Was sind die weißen Stellen eines Aquarells in einem schattigen Innenraum gegen die Helligkeit hinter den Fensterscheiben? Und nun erst die Farben: Wie blaustichg wirkt das Tageslicht, das in einen mit Lampen erhellten Inneraum dringt und wie gelb wirkt dieses Lampenlicht, wenn man es von draußen durch ein Fenster sieht. Wie schnell gewöhnt sich das Auge andererseits an die unterschiedlichen Beleuchtungen, so dass wir meinen, die Farben stets richtig beurteilen zu können, egal welche Lichtquelle uns zur Verfügung steht. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Grundlagen der Farbentheorie |
Es gibt sehr viele Ansätze zur Farbenlehre und noch mehr verschieden Farbringe, Farbkreise, Farbdreiecke, Farbkugeln usw. Ich will dieser Menge keine neue Theorie hinzufügen. Ich will nur ein paar zusammenfassende Überlegungen zur praxisorientierten Farbenlehre vorstellen. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Grundlagen der Farbgestaltung |
Hier steht was. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Grundlagen der Farbwirkungen |
Die Auswahl der Farben ist von entscheidender Bedeutung für die beim Besucher der WebSite erzeugte Reaktion. Dabei sind geschlechtsspezifische und regionale kulturelle Besonderheiten zu beachten.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Layout und Farbe |
Hier steht was. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Farben im Webdesign |
Als Werte für Attribute wie "color" oder "bgcolor" kann man englische Farbnamen oder die 6-stellige hexadezimale Farbnummer mit vorangestellter Raute verwenden, wobei die ersten beiden Ziffern den Rot-Wert, die mittleren beiden Ziffern den Grün-Wert und die letzten beiden Ziffern den Blau-Wert festlegen. Color="#000000" ist somit Schwarz, color="#FF0000" ist Rot, color="#00FF00" ist Grün, color="#0000FF" ist Blau und color="#FFFFFF" ist Weiß.
Farbwähler (Achtung, beim Safari-Browser werden die RGB-Werte nicht angezeigt.) Diese Farben werden allerdings auf unterschiedlichen Systemen je nach Hardware, Betriebssystem und Browser nicht gleich dargestellt. Deshalb sollte man sich auf die 216 Farben der Web-sicheren Palette beschränken. Es gibt sogar Tests, nach denen nur 125 oder gar nur 22 Farben wirklich sicher sind. Als Faustregel kann man sich einprägen, dass die Farbangaben nur aus den Ziffernpaaren 00, 33, 66, 99, CC und FF gebildet werden sollten. Dann erreicht man weitgehend auf allen modernen Plattformen die gewünschte Farbwirkung.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Zusammenfassung |
Farben-Checkliste | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Anfang | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Quellen |
Molly E. Holzschlag; Farbe für Websites; rororo computer 2002, ISBN 3-499-61210-0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| zum Seitenanfang | zum Workshop-Anfang | zur Inhaltsübersicht | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||