Webdesign - Webseiten planen, gestalten - Free-Hack Library

Screendesign
Zeitpunkt, als Websites mit visuellen Informationen angereichert
werden konnten, erlangte dieses Medium seinen entscheidenden
Durchbruch.
Grafische und fotografische Darstellungen transportieren Informationen
meist um ein Vielfaches schneller und genauer als textliche
Beschreibungen, weil sie einen höheren Aufmerksamkeitswert
hervorrufen und somit vorrangig der kognitiven Verarbeitung
zugeführt werden. Zudem sprechen sie diejenigen verstärkt an,
die vornehmlich visuell orientiert sind. Bildinformationen, die
parallel zu Textinformationen eingesetzt sind, verdoppeln den
Informationsgehalt (Doppelkodierung) und steigern somit die
Speicherfähigkeit im menschlichen Gedächtnis (Memowirkung).
Positive Bildwirkungen setzen jedoch voraus, dass Bilder sehr
bewusst und gestalterisch gekonnt in die Website eingebunden
und nicht als bunte Zugabe eingestreut werden. Anderenfalls
werden Bilder als lästig und überflüssig empfunden und lenken
eher von der zu vermittelnden Information ab.
Wenngleich die eigentliche Bearbeitung der Bilder einer Website in
der Regel erst in der späteren Arbeitsphase des Assetdesigns erfolgt,
muss in der Entwurfsphase des Screendesigns das Bildkonzept
im Wesentlichen erarbeitet werden, da es den Gesamteindruck
einer Webseite entscheidend mit prägt. Einen Überblick über die
Funktionen von Bildern sowie Anregungen zur Bildgestaltung
finden Sie im Kapitel Assetdesign : Grafiken und Bilder im Web
(S. 269).
Wenn Sie für Ihr Webprojekt ein geeignetes Bildkonzept entwickeln,
stellen Sie sich dazu grundsätzlich die Frage nach dem Sinn des
Bildeinsatzes. Soll das Bild die Textinformationen unterstützen, soll
es Atmosphäre schaffen oder ist es nur nettes Beiwerk? Danach
richtet sich, welche Art von Bildern Sie Ihren Texten zuordnen, ob
Sachfoto, Stimmungsfoto oder Hintergrundbild.
Legen Sie die Bildgröße und die Formate fest (Abb. 6.6.6b, c).
DESIGNENTWURF 6
Abb. 6.6.6a: Website der frühen neunziger
Jahre (nachgestellt)
Abb. 6.6.6b, c: Bildraster
(http://hammer.informatik.fh-gelsenkirchen.de)
215