Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 6.6.5d: Ausrichtung an Bezugslinien
(http://hammer.informatik.fh-gelsenkirchen.de/)
214
Screendesign
sind stets an gemeinsamen virtuellen Bezugslinien auszurichten
(Abb. 6.6.4d).
Oft sind im Inhaltsbereich weitere Unterteilungen erforderlich,
wenn z. B. mehrere Spalten angelegt werden bzw. eine Aufteilung
in definierte Bereiche für Texte einerseits und für Bilder, Grafiken
und Tabellen andererseits erfolgt. Es entstehen Layoutraster, die
möglichst wiederkehrende Größeneinheiten aufweisen sollten
(vgl. Designarbeitsschritte : Rasterentwicklung, S. 234).
Experimentieren Sie beim Layouten der Webseiten mit den Positionen
und Größen der einzelnen Gestaltungselemente. Steht
ein Logo besser rechts oder links oder mittig? Wie groß kann ein
Headerbild sein, damit es Wirkung zeigt, aber nicht zu viel Platz
auf der Seite beansprucht? Erstellen Sie verschiedene Varianten,
die Sie im Vergleich (z. B. farbig ausgedruckt) beurteilen.
Ein weiteres wesentliches Element des Screendesigns ist die Farbgestaltung.
Werden Sie Ihre Website auf neutralem weißen Hintergrund
aufbauen, wählen Sie eine pastellige Hintergrundfarbe,
eine Hintergrundstruktur oder arbeiten Sie invers auf Schwarz
oder dunklen Hintergrundfarben?
Durch die Hintergrundfarbe wird der Gesamteindruck entscheidend
geprägt und die farbpsychologische Ausrichtung vorgegeben, die
eine Seite z. B. frisch und fröhlich, ernst und seriös, extravagant
oder traditionell aussehen lässt. Die Farbwahl hat aber auch
Auswirkungen auf die konkrete Definition von Abständen, Schriftgrößen
und -stärken, Linienstärken etc., da diese je nach Farbe sehr
unterschiedlich wirken können. Deshalb sollte die grundsätzliche
Farbrichtung zu Beginn der Layoutarbeit festgelegt werden.
Bei der Seitenkomposition wird das Zusammenspiel des Screendesigns
mit dem Interaktions- und Interfacedesign deutlich, denn
die Auseinandersetzung mit Größe und Anordnung von Navigationsbereichen
ist sowohl Thema des Screen- wie auch des
Interfacedesigns.
6.6.6 Bildkonzept
Das Internet wäre nicht das, was es heute ist, gäbe es keine Bilder
im Web (Abb. 6.6.6a), wie in den frühen Neunzigern. Erst zu dem