Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 8.6.4j: Eingrenzung des Aktivierungsbereichs
(hellgrün dargestellt) durch Imagemaps
(Grafik: Hammer, Foto: Funk)
Abb. 8.6.4k: Einziehen neuer Hintergründe
(Beispiele: Hammer, Foto: Funck)
280
Grafiken und Bilder im Web
zwischen Motiv und Hintergrundfarbe zu trennen, scheidet meistens
aus, weil weiche Übergänge erwünscht sind.
Will man in der Bildgestaltung mit Halbtransparenz arbeiten, ist das
derzeit nur im PNG-Format möglich, da hier die Transparenzinformationen
für jede Farbe einzeln gespeichert werden. Allerdings geht
dies meist zu Lasten der Dateigröße, auch kann PNG-Transparenz
noch nicht in allen Browsern richtig dargestellt werden.
Freigestellte Bilder als Navigationselemente
Nutzt man Bilder als Navigationselemente, werden Sie schnell
an die rechteckige Begrenzung freigestellter Bilder erinnert. Ist
das gesamte Bild als Link definiert, sind auch die leeren Bereiche
des Bildrechtecks aktiv. Will man dies vermeiden, bietet sich die
Verwendung von Imagemaps an, die nur für den Aktivierungsbereich
definiert werden (Abb. 8.6.4j). Bei kleineren Bildern fällt es
jedoch kaum auf, wenn auch Teilbereiche außerhalb des Motivs
aktiv sind.
Selbstverständlich ist bei freigestellten Bildern darauf zu achten,
dass die browserseitige Erzeugung eines automatischen Linkrahmens
um das Bild herum (und das auch noch in der Default-Einstellung
„Blau“!) ausgeschaltet ist. Dies sieht sonst furchtbar aus und würde
außerdem das Freistellen zunichte machen.
Ist ein Motiv einmal freigestellt, kann man auch problemlos einen
neuen Hintergrund in der gewünschten Ausführung einziehen.
Das kann z. B. ein einfacher Verlaufshintergrund sein. Dabei setzt
man üblicherweise das Motiv auf den dunkleren Bereich, während
der Hintergrund ins Hellere ausläuft.
Sie können natürlich auch einen neuen Realhintergrund (z. B. eine
Perspektivansicht eines Pflasterweges) einziehen. Achten Sie dann
unbedingt darauf, dass die Lichtführung (Licht und Schatten) und
die Farbstimmung zum Motiv passen (Abb. 8.6.4k).
8.6.5 Bildrandgestaltung
Der Sinn einer Bildrandgestaltung liegt darin, zwischen Bild und
Seitenhintergrund einen gestalterisch interessanten Übergang zu
erzeugen. Dieser kann als harte Abgrenzung zwischen Bild und Seite
angelegt sein oder umgekehrt als Ausgleich zwischen beiden.
Allein ein Verrunden oder Anfasen der Ecken lässt Bilder oft
interessanter erscheinen (Abb. 8.6.5a).