CocoaHeads MUC vom 14. 01. 2016 Mehr Infos, Tutorials und Kontext bei uns im Blog: http://zcasting3000.com/blog/animationsdesign-fuer-apps/?lang=de

1. Animations-Design
für Apps
Andreas Zeitler
zCasting 3000
@zcasting3000

2. Animation Basics

3. Unterschiede zum
“starren” Design
x
y
z

4. x
y
t

5. Die 4 Bausteine jeder
Animation
Bewegung
Größe bzw. Rotation
Transparenz (Farbe)
Änderung über Zeit
zCasting 3000

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

10. 🤓

11. 🤓

12. 🍵
☕

13. 🍵
☕

14. https://vimeo.com/93206523

15. iOS Beispiele

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

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

20. #uianimation

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

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

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

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

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

28. Inspiration

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

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

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

34. Lesen

36. Animations-Design
für Apps
Andreas Zeitler
zCasting 3000
@zcasting3000