Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 14 Animationen
Pfeil 14.1 Animationen mit CSS
Pfeil 14.1.1 »hover«-Effekte mit CSS3-Transitions
Pfeil 14.1.2 CSS3-Transform – Verzerren, Skalieren und Drehen
Pfeil 14.2 Animationen und Interaktivität mit JavaScript
Pfeil 14.2.1 JavaScript-Bibliotheken
Pfeil 14.3 Interaktive Elemente
Pfeil 14.3.1 Bildergalerie
Pfeil 14.3.2 Tabs
Pfeil 14.3.3 Accordion
Pfeil 14.3.4 Content-Slider
Pfeil 14.3.5 Header-Slideshow
Pfeil 14.3.6 Modalboxen
Pfeil 14.3.7 Tooltip
Pfeil 14.3.8 Weitere Animationen und Effekte
Pfeil 14.4 Audiovisuelle Elemente
Pfeil 14.4.1 Das HTML5-Videoelement
Pfeil 14.4.2 Das HTML5-Audioelement
Pfeil 14.5 Fazit
 
Zum Seitenanfang

14.5    Fazit Zur vorigen ÜberschriftZur nächsten Überschrift

User Experience ist ja das Stichwort, wenn es um die gelungene Umsetzung einer Webseite geht. Dazu gehören das Aussehen eines Produkts, die Bedienung und das Gefühl, das dem User vermittelt wird. Animationen können dieses Nutzererlebnis steigern, wenn sich die Bedienung durch sie natürlicher anfühlt, wenn das digitale Produkt einen persönlichen Charakter bekommt.

Animationen & Performance

Fast vergessen, aber unglaublich wichtig: Ladezeit und Geschwindigkeit spielen ja im Web eine immer größere Rolle. Animationen sollten möglichst ruckelfrei ablaufen und nicht allzu lange Wartezeiten verursachen. Hilfreiche Informationen zum Thema Animationen und Performance finden sich im Artikel html5rocks.com/en/tutorials/speed/high-performance-animations/.

CSS3-Animationen bieten schon einige tolle Möglichkeiten. Für einfache Animationen reichen die Transitions. Wenn Animationen immer wieder abgespielt werden oder etwas komplexer sein sollen (mit mehreren Schlüsselbildern), dann gibt es die @keyframe-Animationen. Und für »ganz wilde« Sachen gibt es JavaScript.

Es sind also drei Fragen, die man sich beim Einsatz einer Animation stellen sollte:

  1. Erhöht es die Usability?

  2. Dient es der Persönlichkeit der Webseite?

  3. Dient es der Freude an der Nutzbarkeit?

Werden alle drei Punkte mit Ja beantwortet, dann heißt es: Animate it, Baby!

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern