Webdesign - Webseiten planen, gestalten - Free-Hack Library

Screendesign
Wichtige, layoutbestimmende Entscheidungen (ob z. B. eine
Horizontalnavigation vorkommt, ob es einen Marginalienbereich
gibt) sollten jetzt gefällt sein, da deren spätere Änderung einem
Neuanfang im Entwurf gleichkommt.
Im Layout können nun nach ästhetischen und funktionalen Gesichtspunkten
die genaueren Größen der einzelnen Seitenbereiche
festgelegt werden (Abb. 6.6.4a, b).
Außerdem entscheidet man, welche Position die Webseite im
Browserfenster einnehmen soll. Wird sie standardmäßig links oben
positioniert oder mittig? Wie sehen die verbleibenden Flächen im
Browser aus? Weisen sie die Hintergrundfarbe der Seite auf oder
einen anderen Farbton oder eine Struktur (Abb. 6.6.4c)?
Im Header wird man entscheiden, ob neben dem Logo ein Headerbild
platziert wird und wie groß dieses ist. Verwendet man
eine Horizontalnavigation empfiehlt es sich, diese unter einem
Headerbild anzuordnen, damit sie nicht zu weit vom Contentbereich
entfernt ist.
Die erforderliche Breite eines linken Navigationsbereichs hängt
weitgehend davon ab, ob man mit kaskadierenden Einrückungen
und zusätzlichen Navigationsicons arbeitet.
Beim rechten Marginalienbereich ist der erforderliche Platz ebenfalls
vom Inhalt abhängig. Werden dort Werbung oder Filme oder interaktive
Anwendungen (z. B. Buchungsauswahlen) eingeblendet, sollte
er größer sein, erscheinen dort nur normale Bilder oder Textlinks,
bietet es sich an, ihn symmetrisch zur Navigationsspalte auszulegen.
Beachten Sie bei der Gestaltung des Marginalienbereichs, dass hier
keine zu dominanten Gestaltungselemente vorkommen (z. B. sich
alle Bilder nur dort konzentrieren), weil die Seitenkomposition
sonst rechtslastig erscheint.
Beim Contentbereich sind verschiedene Seitentypen zu unterscheiden.
Eine Standardinhaltsseite beinhaltet möglicherweise nur eine
Headline und den Mengentext, eventuell weiter untergliedert
in Unterkapitel mit Zwischenheadlines, oder zusätzlich einige
Bilder. Eine Verteilseite enthält meistens kleine Teaserbilder und
Teasertexte mit „mehr“-Links auf die ausgewiesenen Inhalte.
Standardinhaltsseiten legt man meistens mit nur einer Textspalte
an, weil das Lesen längerer zweispaltiger Texte am Bildschirm
wegen des erforderlichen Scrollens beim Übergang in die nächste
Spalte lästig ist. Teaserseiten mit kleinen Textabschnitten können
DESIGNENTWURF 6
Abb. 6.6.4c: Definition der Seitenposition im
Browserfenster (http://www.hammer.informatik.fh-gelsenkirchen.de)
211