Webdesign - Webseiten planen, gestalten - Free-Hack Library

212
Abb. 6.6.4d, e: Mehrspaltige Websites
(http://www.eon.com
http://www.vodafone.de/)
Abb. 6.6.5a: Gestalterische Differenzierung
funktional unterschiedlicher Bereiche
(http://www.mediendesign-online.net, Design:
Hammer, Ollas)
Screendesign
dagegen problemlos zwei- oder dreispaltig sein (Abb. 6.6.4d, e).
Beim Footer sollten Sie unterscheiden, ob sich dieser auf die gesamte
Site bezieht oder nur auf den jeweils dargebotenen Seiteninhalt.
Im ersten Fall sollte er deutlich vom Contentbereich abgesetzt sein,
im zweiten ist er ein Footer im Contentbereich.
Eine genaue Vorstrukturierung der Seite in funktional unterschiedliche
Bereiche dient nicht allein als Vorbereitung des Layouts,
vielmehr liefert dies für die spätere Umsetzung die Anhaltspunkte,
in welche und wie viele Container eine Seite zu untergliedern ist,
bzw. welche Elemente permanent platziert sind und welche bei
Interaktionen ausgetauscht werden.
6.6.5 Seitenkomposition
Gestaltung wird immer durch das Verhältnis von gemeinter Form
und Fläche (gestaltpsychologisch: Figur und Grund) bestimmt. So ist
auch im Screendesign für den Gesamteindruck der Komposition das
Verhältnis von Freiraum und Inhaltselementen entscheidend.
Nachdem die Seitenuntergliederung weiter entwickelt worden ist,
entscheiden Sie nun die konkrete Anordnung und Ausführungsform
der einzelnen vorgesehenen Gestaltungselemente, die als Ganzes
das Screendesign ausmachen.
Meist ist es sinnvoll, die funktional unterschiedlichen Bereiche
einer Seite auch optisch zu differenzieren. Beispielsweise können
Navigationsbereiche durch andere Hintergrundfarben oder Linien
usw. vom Inhaltsbereich getrennt werden. Haupt- und Subnavigation,
Text- und Bildbereiche, Haupt- und Nebentextfelder lassen
sich ebenfalls differenzieren – schon durch die verschiedenen
Schriftgrößen (Abb. 6.6.5a). Vermeiden Sie aber ein „Kastendesign“,
weil man sich dann vor lauter Linien kaum auf den Inhalt
konzentrieren kann.
Es kommt darauf an, gleichartige Elemente (z. B. Navigationsleisten)
in Gestaltung und Anordnung konsistent einzusetzen. Die Nutzer
können gleichartige Informationen in gleicher Gestaltung an
gleicher Position erwarten, was in der Navigation echte Zeitvorteile
erbringt und als ergonomische Grundvoraussetzung erfüllt sein
muss.