Seite weiter empfehlen  


  Idee anmelden 

  Kontakt  

  Impressum  


 zur Startseite 

Forum

Blog

  LiLi 

  OK 







Titel:
Webseiten, einfach simpel

Autor:
Peter Morgenroth

Erstellt:
2008-10-31

Status:    














Werkzeuge-1
Werkzeuge-2
Beispielseite-1
Beispielseite-2 Beispielseite-3
Beispielseite-4 Farbe
Quelltext einfügen Grafik Animation
Menu
Google AdSense META-Tags Projektverwaltung KomBoard
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



schöne Effekte:
blinkende Hintergrundgrafik
++ Achtung ++ Achtung ++




LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLinie





































































http://www.homepage-total.de/html/farbverlauf.php

<<<   Beispielseite-4

Farbe

Quelltext einf.  >>>




Was findet Google zu dem Thema:


© peter morgenroth 2008

zurück zur Themenübersicht