Webdesign - Webseiten planen, gestalten - Free-Hack Library

Grafiken und Bilder im Web
• Manuelle Randauflösung mit „Wischfinger“
• Partielles Abschneiden und Verschieben einzelner Bildteile
• Filteranwendungen im Alphakanal (z. B. „Farbraster“)
8.6.6 Singuläre Hintergrundbilder
Hintergrundbilder haben in der Regel keine Erklärungs- oder
Beschreibungsfunktionen; sie dienen vorrangig der Vermittlung von
Atmosphäre und der Assoziationsbildung. Sie können damit z. B. ein
Produkt in seine Umgebung stellen, Produktqualitäten vermitteln
oder einen Zielgruppenkontext aufbauen. Hervorragend eignen sie
sich auch zur subtilen Darstellung von Corporate-Identity-Elementen
(Logo, Farbe, Architektur, Typografie, Produktformen etc.).
Technisch besteht ein singuläres Hintergrundbild aus einem Bilddokument
in der Größe des Browserfensters. Wichtig ist hier, von der
größtmöglichen Auflösung des Zielgruppenmonitors auszugehen, da
sonst ungewollte und meist störende Kachelungen auftreten.
Im Zusammenspiel mit Vordergrundbildern können Hintergrundbilder
optische Einheiten bilden. Vordergrundelemente werden
dann in exakt definierten Positionen mit CSS-Technologie in ein
Hintergrundbild hineingestellt (Abb. 8.6.6a). Dies bietet sich bei
auszutauschenden oder animierten Vordergrundelementen an,
verlangt aber ein exaktes browserunabhängiges Positionieren.
Soll ein Hintergrundbild auch optisch als solches wirken, ist die
deutliche optische Zurücknahme gegenüber dem Vordergrund
erforderlich. Dazu bietet sich eine Reihe von Möglichkeiten in der
digitalen Nachbearbeitung an (Abb. 8.6.6b-d):
• Farb- und Tonwerte zurückzunehmen
• Farbsättigung zurücknehmen
• Grautonbilder verwenden
• Schärfe oder Konturenschärfe auflösen
• Ausblenden zur Hintergrundfarbe
• Auf die Objektkonturen reduzieren
Bei der Verwendung von Hintergrundbildern ist gestalterische
Sensibilität gefragt. Es sollten genügend Bildbereiche so zurückgenommen
gestaltet werden, dass überlagernder Text trotzdem
gut lesbar bleibt. Vermeiden Sie ein unruhiges Gesamtbild oder
die optische Überfrachtung mit Informationen.
ASSETDESIGN 8
Abb. 8.6.6a: Abgestimmte Vorder- und Hintergrundbilder.
Das Raster ist Hintergrundbild, die
Produkte sind Vordergrundbilder.
(http://www.abes-online.de, frühere Site, nicht
mehr im Netz)
Abb. 8.6.6b-d: Zurückgenommene Hintergrundbilder
mit Textüberlagerung
(Beispiele: Hammer)
283