 |
|
|
|
|
 |
|
|
Das internationale WALL-STREET-MEETING
ist eine Veranstaltung in Kooperation mit dem Jugendamt
Wiesbaden (Jugendkultur vor Ort), dem Kulturzentrum Schlachthof,
AMBITIO e.V. und BUNTIC-Media. |
|
|
|
|
|
|
Alle Farben sind
gut. Aber... |
|
|
|
|
|
|
 |
...
Farben am Bildschirm wirken anders als auf Papier.
Das „Prinzip des beleuchteten Pixels“ birgt meist
die größte Fehlerquelle für grauslige Web-Seiten. Durch die
Hintergrundbeleuchtung werden die Kontraste übermäßig stark
betont, was einer sinnlichen Farbwiedergabe eigentlich
widerspricht. Test: Drucken Sie nebenstehendes Bild mal
auf einem Farbdrucker aus und vergleichen Sie die Farbwirkung. |
|
|
|
...
Farben im Netz sind billig.
Der Hex-Code lässt 16 Millionen
Farben zu. In modernen Browsern stehen die alle gleichberechtigt
nebeneinander. Die Ladezeiten sind identisch, egal welche Farben
Sie definiert haben. Die Entscheidung, welche Farben Sie
verwenden, liegt nun ganz alleine bei Ihnen. |
|
|
|
... Ton in Ton oder
Krass
dagegen?
Farben arbeiten gegeneinander oder
miteinander. Sie Gruppieren oder Trennen. Was zusammengehört,
sollte gleichartig aussehen. Diese Funktionen sollten dem
internen Aufbau der Seite entsprechen. |
|
|
|
... weniger sind
oft mehr.
Minimieren Sie also die Farben auf
ihre Funktion. Moderne Style-Sheet-Technik hilft Ihnen dabei.
Analysieren Sie Ihr Projekt nach den verschiedenen Ebenen der
Bedeutung von Flächen und Texten. Meist genügt folgendes
Schema:
|
|
|
|
Hintergrund |
H1, zusätzlich H1d
(dunkler) und H1h (heller) als H1 (Unterschiede minimal, aber
deutlich sichtbar) |
Textfarbe |
T1, soll zu H1 passen
(Kontrast) |
Hyperlinks |
HYP, soll gegen H1 und
gegen T1 stehen |
Hervorhebungen |
Zwischen H1 und T1 |
Sonderangebote |
Gegen H1, H1d und H1h,
für T1 |
|
|
|
|
|
|
E
X P E R I M E N T
Welche Farbe hat Ihr Name?
Probieren Sie doch mal, Ihre persönliche Farbe
herauszufinden, indem Sie statt einem sechsstelligen HEX-CODE
einfach Ihren Namen hineinschreiben (Vorname = Farbe der Textes,
Nachname = Farbe des Hintergrunds). Statistisch gesehen ergibt
es meist harmonische Lösungen, auf jeden Fall aber eine
Überraschung. |
Donald
Duck
Dieser
Text hier ist in der HTML-Datei zum Beispiel im HEX-Code mit
{Donald} und
der Hintergrund mit {Duck} ausgezeichnet. Was zeigt Ihr
Bowser an?
Sehen Sie, es funktioniert. ;-)
|
|
|
|
|
|
|
|
|
|
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
Mustertext |
|
|
|
|
 |
 |
© 2001-2003 Manfred Baierl / GAMB |
 |