Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 6.7.6c: Unterschiedliche Aktivierungszustände
von Buttons (Grafik: Hammer)
Abb. 6.7.6d: Buttons in Anlehnung an das
Corporate Logo, Screenshot in Originalgröße
(http://www.magellan-buch.de/)
226
Interfacedesign
Veränderungen des Buttons optisch rückgemeldet. Technisch
gesehen wird dazu das Originalbild des Buttons gegen ein anderes
ausgetauscht (Abb. 6.7.6 c). Bei diesem Verfahren des Bildaustauschens
werden üblicherweise vier Aktivierungszustände differenziert:
Standard, Mouseover (Mauszeiger über Button), Mousedown
oder on click (Mausklick) und visited (besuchte Links). Meist sind
Mouseover und on click gleich gestaltet.
Button-Arrangements als Navigationsinstrument können als hochinteressante
Gestaltungselemente auf einer Website wirken. Buttondesign
ist deshalb ein wichtiges, eigenständiges Aufgabengebiet im
Themenbereich des Webdesigns, das im direkten Zusammenwirken
mit dem Screendesign gesehen werden muss.
Im Gegensatz zu einfachen Textlinks sind Buttons prägnanter
und helfen meist, den manchmal nüchtern und leer wirkenden
Navigationsbereich optisch aufzuwerten und die Orientierung
zu erleichtern.
Die Gestaltungsmöglichkeiten für Buttons sind schier unerschöpflich,
doch sollten Sie dies nicht als bloße Spielwiese der Gestaltung
ansehen. Gutes Webdesign zeichnet sich nicht dadurch aus, dass
wilde Rollovereffekte und möglichst viele extravagante Formen,
Farben, Texturen und Schriften Anwendung finden, sondern durch
den gelungenen Sinnzusammenhang zum Thema der Website.
Auch hier bestimmt semantisches Gestalten die Qualität.
Dabei geht es normalerweise nicht darum, den Button als Button
zu charakterisieren, d. h. möglichst als dreidimensional wirkenden
Schalter darzustellen, sondern solche Inhaltselemente zu kreieren,
die zum Themenbereich der Website, der Zielgruppe oder des
Absenders (Corporate Identity) passen.
Ein Beispiel für Buttons, die sich dem Corporate Design anpassen,
bietet die Site http://www.magellan-buch.de (Abb. 6.7.6d).
Ein schlichter grafischer Flächenbutton ist u. U. einem semantisch
aufgeladenen Button vorzuziehen, weil Buttons sonst ein übergebührliches
Eigenleben entwickeln und die eigentlichen Inhalte
einer Website zu sehr dominieren könnten. Auch hier gilt: Weniger
ist mehr.
Wesentlich ist, dass sich die Gestaltung der Navigationselemente in
das gestalterische Gesamtkonzept einfügt, was im Umkehrschluss
aber nicht unbedingt bedeuten muss, dass Buttons genauso aussehen
müssen wie andere Elemente der Seite.
Gestalterisch ist alles möglich, wie die kleine Auswahl von Buttonbeispielen
demonstriert (Abb. 6.7.6e).
Reine Textbuttons sehen aus wie HTML-Typografie, bieten jedoch
die Möglichkeit beliebiger Schriftauswahl und Anwendung von
Schrifteffekten aus Bildbearbeitungsprogrammen.
3D-Buttons liegt das mentale Schema der Bedienung von Hardwaretasten
zugrunde. Sie leben von ihrer vorgetäuschten Plastizität,
die insbesondere im Aktivierungszustand durch optische Simulation
des „Eindrückens“ zustande kommt.