Markup Webdesign Journal

Als ich der Frage nachging, auf was es beim Design einer Website mit dunklem Hintergrund ankommt, entstand eine ganz interessante Folgediskussion. Zur besseren Übersicht, habe ich aus den sehr interessanten Kommentaren der Leser eine kleine Zusammenfassung geschrieben, die wichtige Aspekte aufgreift.

Eins vorweg. Es ist klar, dass sich Websites mit dunklen Hintergründen meistens nur für private Websites und solche mit künstlerischen Anspruch eignen. Oft ist es die CI eines Unternehmens, die schwarze Hintergründe von vorn herein ausschließt.

Kontraste

Noch mehr als bei hellen Websites, kommt es darauf an, Aufwand in die Abstimmung der Kontraste zu investieren. Helle oder kräftige Farben leuchten auf dunklen Hintergründen sehr schnell, sehr stark. Im Extremfall entsteht dadurch ein enormes rauschen bzw. wirkt das Ganze sehr unruhig. Das sollte man ausgiebig testen. Ist die Abstimmung nicht gelungen, wirkt die ganze Seite entweder “billig” oder die Leser werden stark irritiert und lesen nicht weiter.

Nicht zu bunt

Ähnlich verhält es sich bei der Verwendung zu vieler Farben. Auch hier besteht die Kunst darin, Harmonie zu schaffen. Überraschend für mich merkten einige Leser an, dass ihnen Veerles Website nicht so sehr zusagt, wie man vielleicht meinen könnte. Einem Leser ist es zu bunt. Das Motto kann meistens nur lauten: Wenige, gut aufeinander abgestimmte Farben beruhigen das Bild und können dann auch edel wirken.

Lesbarkeit

Relativ leicht verhält es sich mit der Lesbarkeit langer Texte auf weißem Hintergrund. Zum einen sind das Menschen so gewohnt, zum andern bietet schwarz auf weiß den besten Kontrast. Wobei die Schriftfarbe nicht ganz schwarz gewählt werden sollte. Das kann bei längerem Lesen die Augen zu sehr anstrengen. Zwischen #222 und #444 ist ein gutes Maß. Für Text auf schwarzem Hintergrund könnte man davon ausgehen, dass das direkte Gegenteil davon, die gewünschte Wirkung erzielt. Weit gefehlt. Der Text leuchtet dadurch doch zu stark, sodass man mehr in Richtung Silber- oder helle Grautöne gehen sollte. Z.B. zwischen #eee und #ccc.

Alternative: Ein heller Inhaltebereich

Eine Website, die mir beim CSS Reboot sehr angenehm aufgefallen war, ist die von Phu Ly. Auf If..Else Log verwendet er einen dunklen Hintergrund für die gesamte Seite. Hebt aber den zentralen Bereich mit den Inhalten hervor, indem er einen weißen Hintergrund mit dunkler Schrift verwendet. Das ganze wirkt so sehr übersichtlich. Insgesamt besticht diese Seite durch dezentes Design, das durch die Verwendung des dunklen Hintergrundes und den sparsamen Einsatz von Farben sehr edel wirkt. Bestimmt nicht jedermanns Geschmack, meinen hat es voll getroffen.

Arten von Websites für die dunkle Hintergründe zu empfehlen sind

Alleine die Beachtung wichtiger Erfolgsfaktoren reduziert das Feld der Websites, für die sich dunkle Hintergründe eigen. Möglichkeiten sind:

• Fotogalerien u.ä.
• Produktpräsentationen
• Designer-Websites
• Persönliche Websites mit ganz individueller Note

Da wir uns bei diesem Thema wieder in einem sehr subjektiven Bereich bewegen, kann es oft nur heißen: Geschmackssache, Trend ist was gefällt. Grundregeln müssen trotzdem eingehalten werden, vielleicht sogar noch mehr als das bei konventionellen, hellen Websites der Fall ist.