Webdesign - Webseiten planen, gestalten - Free-Hack Library

Bildtypografie
als GIF oder PNG mit Transparenz vor der späteren Web-Hintergrundfarbe,
Textbilder mit Verlaufsübergängen zum Hintergrund
(z. B. weiche Schatten) als JPEG.
Logos als Wortmarke oder kombinierte Wort/Bild-Marke werden
immer als Bildtypografie umgesetzt, weil die originäre Unternehmenstypografie
unbedingt erhalten bleiben muss.
Ein besonderes Detailproblem bei der Logoübertragung auf Websites
kann sich ergeben, wenn in einer Wort/Bild-Marke transparente
Bereiche enthalten sind. Im Papierausdruck, z. B. auf Briefbögen,
erscheinen diese stets weiß. Wie aber verhält es sich bei einem
farbigen Seitenhintergrund? Hier muss man sich in Rücksprache mit
dem Kunden entscheiden, ob solche Logo-Innenbereiche tatsächlich
weiß darzustellen sind oder ob hier die jeweilige Hintergrundfarbe
erscheint (Abb. 8.5.1d).
Den Bodytext als Bildtypografie einzusetzen, ist eher ungebräuchlich
und wenig geeignet, weil der Pflegeaufwand im Falle von Textänderungen
erheblich höher ist. Außerdem sind damit erhebliche
Einschränkungen in der Zugänglichkeit verbunden. Der Einsatz
von Bildtypografie sollte deshalb genau überdacht werden.
Ein Nachteil von Bildtypografie bleibt die umfangreiche Dateigröße
und dass die Inhalte nicht von Suchmaschinen erfasst werden. Eine
mögliche Abhilfe schafft die Angabe des Bildinhaltes im alt-Attribut.
Unter dem Aspekt der Barrierefreiheit ist für Bildtypografie in
Navigationen und Headlines allerdings zusätzlich für die Ausgabe
über Screenreader etc. eine HTML-Alternative bereitzustellen.
8.5.1 Bildheadlines
Originär versteht man unter Headlines typografische Elemente,
die in exponierter Weise dem Inhaltstext (Mengentext) vorangestellt
werden, somit gehörte dieses Thema in den Bereich der
Typografie.
ASSETDESIGN 8
Abb. 8.5d: Logos mit Innenbereichen: Transparent
oder weiß? (http://www.steinhaus.de)
Abb. 8.5.1a: Bildtypografie in Headlines
(Showroom Mediendesign, Krieger Gewächshäuser,
LKE Website)
267