HTML / CSS LEVEL 4

Teil 2 - Animationen und Transformationen

Was ist Animation?

https://www.youtube.com/watch?v=3WRQJyRFriI​

https://vimeo.com/93206523​

Bedeutung für Web

• Durch Animationen können dem Benutzer, ansonsten schwierig nachvollziehbare Vorgänge, nachvollziehbar präsentiert werden
• Können die subjektive Wahrnehmung beeinflussen und Vorgänge intuitiver und angenehmer gestallten
• Können die Wahrnehmung von Zeit beeinflussen und Zeitintensive Prozesse subjektiv verkürzen

Funktionale Animationen

https://www.google.com/design/spec/animation/authentic-motion.html

http://www.smashingmagazine.com/2015/05/functional-ux-design-animations/​

JSBins

http://jsbin.com/qilime/2/edit?html,css,output​

http://jsbin.com/didena/edit?html,css,output​