Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 8.5a, b: Bildtypografie als Corporate-
Design-Element
(http://www.aral.de
http://www.mercedes-benz.de)
266
Abb. 8.5c: Pixelschriften, z. B. Binary und
Silkscreen
Bildtypografie
Hierbei stehen die hexadezimalen Zeichenketten für die entsprechenden
unten abgebildeten Anführungszeichen. Im Französischen
steht zusätzlich ein Leerzeichen zwischen Satzzeichen und Text.
Zuletzt müssen die Anführungszeichen noch dem -Element
zugewiesen werden:
q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }
8.5 Bildtypografie
Für die gestalterische Aussage einer Site braucht man neben
Bildern und Farben natürlich aussagekräftige Schriften, oft schon
aus Gründen der Wiedererkennbarkeit des Unternehmens.
Schriften, die nicht nutzerseitig vorhanden sind, verpackt man gut
gestaltet in eine Pixelgrafik (GIF, JPEG oder PNG); so hat man die
ganze Welt der verschiedenen Fonts zur Verfügung.
Verbreitet findet Bildtypografie für Navigations- und Buttontexte,
für Headlines, Subheadlines und Kapitelüberschriften Anwendung.
Abb. 8.5a und b zeigen den wirkungsvollen Einsatz von Bildtypo
im Corporate Design auf Websites.
Der Vorteil liegt in der Freiheit der Schriftauswahl, da keine
Notwendigkeit besteht, die Schrift auf dem Anwendersystem
verfügbar zu halten. Zudem können Schriften geglättet und gut mit
Hintergrundfarben oder -motiven kombiniert werden. Sämtliche
Filter- und Effektfunktionen der Bildbearbeitungsprogramme
können auf die Schrift angewendet werden.
Bei sehr kleinen Schriftgraden kann es interessant sein, spezielle
Pixelschriften wie „Silkscreen“ oder „Binary“ zu verwenden (Abb.
8.5c).
Die gute Darstellung der Bildtypo lässt sich bereits im Photoshop-
Layout genau festlegen. Es empfiehlt sich die Zeicheneinstellung
„scharf“ für normale oder „stark“ für etwas fettere Schriftdarstellung
und für negative Texte zu wählen.
Einfache Textbilder mit harten Konturen speichern Sie am besten