|
|
|
Farbe
Eine Webseite muß her, das ist klar. Die
Zielgruppe oder anders ausgedrückt, was Sie mit der Seite erreichen
möchten, das ist auch klar. Die Struktur des Projektes, in etwa wieviel
Seiten, wie Sie den Inhalt auf die Seiten verteilen wollen, auch so
ungefähr klar. Und schwups, haben Sie das nächste Problem, die Farbe.
Die Farbe ist für eine Webseite von ganz ungeheuerer Wichtigkeit. Wenn
Sie sich eine Weile mit Webseitenbau beschäftigt haben, werden Sie
feststellen, es gibt nicht viele Farben. Das klingt erst einmal blöd,
man denkt an TrueColor und 16 Mio. Farben, da dürfte es doch kein
Problem sein. Es ist eins, glauben Sie das, Sie werden es auch bald
feststellen.
Über Geschmack sollte man nicht streiten und Gott sei dank gibt es
viele Geschmäcker und es kann nicht jeden alles gefallen.und damit kann
man es nicht jedem Recht machen. Alles richtig, damit sind wir aber
noch nicht weiter. Man kann nicht sagen, so und so ist es richtig und
alles andere ist falsch.
Versuchen wir einige Grundsätze zu formulieren
(Da steht, daß das keiner lesen kann.)
Die Schriftfarbe muß zur Hintergrund- oder
Seitenfarbe passen. |
Die
Farbauswahl muß zur Zielgruppe passen.
|
Die Farbauswahl muß dem Seiteninhalt
entsprechen. |
Die Seite sollte in sich stimmig sein,
harmonisch.
Weniger ist oft mehr. |
Die
Seite darf dem Auge nicht weh tun. |
Die Seite darf dem Auge nicht weh tun. |
Die Seite darf
dem Auge nicht weh tun. |
Die Seite darf dem Auge nicht weh tun. |
|
|
|
So etwas geht gar nicht, das kann
keiner lesen. |
Die
Mentalität von Managern und Kindern ist doch manchmal different. |
Malermeister
/ Beerdigungsinstitut / Künstler |
Selbst
agressive Seiten sollten den User nicht nerven.
|
Wenn
ein User die Seite nach drei Munten mit schmerzenden Augen und
leichten Kopfschmerzen verläßt, war es schade um den Aufwand.
|
|
Kurz zu den Farbei der Seiten dieses Projektes:
Spätestens
jetzt haben Sie es gemerkt, der Hintergrund hier ist nicht
|
#FFFFFF |
,
sondern |
#EEEEEE |
Die
Schriftfarbe ist |
#000000, |
. |
|
Dieses
auswechselbare Innenmodul steckt im Ramenmodul mit der Grundfarbe
|
#F7AD4A
|
und der Akzentfarbe
|
#EFC684
|
|
|
|
Die
Schriftfarbe ist wieder
|
#000000
|
, der Ramen und die
Übergänge wieder
|
#FFFFFF
|
Alle
anderen Farben, sind funktionell
|
|
|
bedingt.
|
|
Es gibt noch ein großes Problem, das ist die Monitoreinstellung eines
jeglichen Users und da ist man völlig machtlos. Sie können die
zartesten Farbnuancen kreieren, wenn jemand seinen Monitor total
schräg eingestellt und sich daran gewöhnt hat, dann erkennen Sie da
Ihre Seite nicht wieder.
|
|
Wie kommt
man nun zu schönen Farben?
Werner Zenk hat auf seiner Seite http://www.homepage-total.de
viele schöne und nützliche Tools und Generatoren geschaffen. Diese
Seite lohnt sich sowieso für jeden Webmaster. Man sollte sich den Link
gut abspeichern.
Ein ganz geniales Tool ist Werners "HTML / Farbverlauf". Unter
den eher nichtssagenden Namen läßt sich ein Farbverlauf erzeugen. Man
gibt seine dunkelste und seine hellste Farbe ein, wählt mit den
Schritten die gewünschte Anzahl von Abstufungen und erhält entsprechend
der gewählten Anzahl die Farbwerte von der einen zur anderen Farbe. Den
Link für die Dokumentation erhält man, um das auch später noch
reproduzieren zu können, Möglichkeiten zur Nachjustierung sind
vorhanden und wie Sie unten in der Tabelle sehen, die Farbe wird
angezeigt, HEX-, RGB-Werte, sogar die Prozente und die
Komplementärfarbe mit dem Hex-Wert. Alles da, perfekt, besser geht es
nicht.
Farbverlauf (F7AD4A-EFC684_10)
|
|
|
|
>
Farben
finden
>
Aufstellung der 216
„browsersicheren“
Internet-Farben
>
|
|
#F7AD4A |
|
Komplementärfarbe* |
|
=
#0852B5 |
|
Lorem
ipsum |
|
Lorem
ipsum
|
|
|
#EFC684 |
|
Komplementärfarbe |
|
=
#10397B |
|
Lorem
ipsum |
|
Lorem
ipsum |
|
|
|
|
|
|
|
|
|
|
|
Nr. |
Farbe |
HEX |
RGB |
Prozent |
Farbname |
Komplementär |
1 |
|
#f7ad4a |
247 173 74 |
50% 35% 15% |
- |
|
#0852B5 |
2 |
|
#f6b050 |
246 176 80 |
49% 35% 16% |
- |
|
#094FAF |
3 |
|
#f5b256 |
245 178 86 |
48% 35% 17% |
- |
|
#0A4DA9 |
4 |
|
#f5b55b |
245 181 91 |
47% 35% 18% |
- |
|
#0A4AA4 |
5 |
|
#f4b761 |
244 183 97 |
47% 35% 19% |
- |
|
#0B489E |
6 |
|
#f3ba67 |
243 186 103 |
46% 35% 19% |
- |
|
#0C4598 |
7 |
|
#f2bc6d |
242 188 109 |
45% 35% 20% |
- |
|
#0D4392 |
8 |
|
#f1bf73 |
241 191 115 |
44% 35% 21% |
- |
|
#0E408C |
9 |
|
#f1c178 |
241 193 120 |
44% 35% 22% |
- |
|
#0E3E87 |
10 |
|
#f0c47e |
240 196 126 |
43% 35% 22% |
- |
|
#0F3B81 |
11 |
|
#efc684 |
239 198 132 |
42% 35% 23% |
- |
|
#10397B |
|
|
|
|
|
|
|
LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLinie
|
|
|
|
|
|
|
|
|
|
|
|
|
http://www.homepage-total.de/html/farbverlauf.php
|
|
|
|
|
Was findet Google zu
dem Thema:
|
|
|