Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 8.6.8a: Headerbild (Websiteentwurf FH-
Gelsenkirchen, Foto: Pressestelle der FH)
288
Abb. 8.6.8b: Bildcollage als Headerbild
(http://www.fbm.htwk-leipzig.de/,
Design: http://www.and-advertising.de)
Grafiken und Bilder im Web
8.6.8 Headerbilder
Headerbilder werden in der Regel im Kopfbereich einer Website
eingesetzt und dienen vorrangig der atmosphärischen Einstimmung
oder zur Darstellung des Seiten- oder Bereichsthemas (Abb.
8.6.8a). Manchmal werden Sie auch vertikal neben dem Inhaltstext
angeordnet.
Sie sind gekennzeichnet durch ihr ausgeprägtes Quer- oder Hochformat.
Meistens sind sie als Bildcollage aus unterschiedlichen
Themenbildern ausgeführt; sie können aber auch ein singuläres
Motiv oder ein Motivdetail zeigen.
Headerbilder beleben eine Website; damit bieten auch Einzelseiten,
die nur Text enthalten, ein Bild. Allerdings sollte dieses zum Thema
passen. Man hat aber nicht für jede Seite ein eigenes Headerbild
– der Aufwand wäre unverhältnismäßig hoch –, sondern man
wählt üblicherweise je Hauptnavigationsbereich ein eigenes dazu
passendes Headerbild.
Gute Headerbilder zu erstellen ist nicht einfach, da sich nicht jedes
Motiv für das eigenwillige Format eignet. Der Kompromiss, ein
Mischbild aus zahlreichen Einzelbildern zu erstellen, ist ebenfalls
sehr arbeitsaufwändig und erfordert geschickte Bildübergänge,
damit nicht ein verwischtes Mischmaschbild entsteht. Das Beispiel
zeigt eine gelungene Bildmischung, die zusätzlich durch ein überlagerndes
Raster zusammengehalten wird (Abb. 8.6.8b).
Bedenken Sie bei der Größenfestlegung eines Headerbildes, dass
dieses nicht zu viel Raum in der Seite beansprucht. Große, gute
Headerbilder über die halbe Seitenhöhe mögen vielleicht eine
Augenweide sein, wenn man deshalb jedoch bei jeder Seite erst
einmal scrollen muss, um zum eigentlichen Inhalt zu gelangen,
wird es lästig.
8.6.9 Buttons und Mouseovers
Bildbuttons und die Erscheinungsformen ihrer unterschiedlichen
Aktivierungszustände wurden bereits in der Arbeitsphase des
Interfacedesigns konzipiert. Endgültig ausgearbeitet werden sie
jedoch beim Assetdesign, wenn ihre Beschriftungsinhalte und ihre
Vorkommen endgültig festgelegt sind.
Buttons sind interaktive Elemente auf einer Website, mit denen
z. B. eine URL oder ein Skript aufgerufen wird. Das Ausführen