Animations-Design für Apps

Andreas ZeitlerzCasting 3000 @zcasting3000

Animation Basics

Unterschiede zum “starren” Design

x

y

z

x

y

t

Die 4 Bausteine jeder Animation

Bewegung Größe bzw. Rotation Transparenz (Farbe) Änderung über Zeit

zCasting 3000

Langsam = Eleganz, Ruhe, Fokus Schnell = Unruhe, Hektik, Aufmerksamkeit

🤓

☕

🤓

🍵

🍵

☕

🍵

☕

https://vimeo.com/93206523

iOS Beispiele

https://www.instagram.com/p/xHL207gnmJ/

https://www.instagram.com/p/xu1CxXAni2/

#uianimation

https://www.instagram.com/p/w_sUkEAntM/

https://www.instagram.com/p/xX5G8ugnqJ/

https://www.instagram.com/p/-gGR2kgntv/

https://www.instagram.com/p/_mZkDtAngx/

https://www.instagram.com/p/_mZwiQAnhT/

Inspiration

https://www.instagram.com/p/w55c5_gnnf/

https://www.instagram.com/p/_mZwiQAnhT/

https://www.youtube.com/watch?v=Q8TXgCzxEnw https://www.google.com/design/spec/material-design/introduction.html

https://www.instagram.com/p/-eHI4jgnoU/

Lesen

Animations-Design für Apps

Andreas ZeitlerzCasting 3000 @zcasting3000