Animations-Design
für Apps
Andreas Zeitler

zCasting 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 Zeitler

zCasting 3000

@zcasting3000
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Animationsdesign für Apps
Nächste SlideShare
Wird geladen in …5
×

Animationsdesign für Apps

658 Aufrufe

Veröffentlicht am

CocoaHeads MUC vom 14. 01. 2016

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

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

Animationsdesign für Apps

  1. 1. Animations-Design für Apps Andreas Zeitler
 zCasting 3000
 @zcasting3000
  2. 2. Animation Basics
  3. 3. Unterschiede zum “starren” Design x y z
  4. 4. x y t
  5. 5. Die 4 Bausteine jeder Animation Bewegung Größe bzw. Rotation Transparenz (Farbe) Änderung über Zeit zCasting 3000
  6. 6. Langsam = Eleganz, Ruhe, Fokus Schnell = Unruhe, Hektik, Aufmerksamkeit
  7. 7. 🤓
  8. 8. 🤓
  9. 9. 🍵 ☕
  10. 10. 🍵 ☕
  11. 11. https://vimeo.com/93206523
  12. 12. iOS Beispiele
  13. 13. https://www.instagram.com/p/xHL207gnmJ/
  14. 14. https://www.instagram.com/p/xu1CxXAni2/
  15. 15. #uianimation
  16. 16. https://www.instagram.com/p/w_sUkEAntM/
  17. 17. https://www.instagram.com/p/xX5G8ugnqJ/
  18. 18. https://www.instagram.com/p/-gGR2kgntv/
  19. 19. https://www.instagram.com/p/_mZkDtAngx/
  20. 20. https://www.instagram.com/p/_mZwiQAnhT/
  21. 21. Inspiration
  22. 22. https://www.instagram.com/p/w55c5_gnnf/ https://www.instagram.com/p/_mZwiQAnhT/
  23. 23. https://www.youtube.com/watch?v=Q8TXgCzxEnw https://www.google.com/design/spec/material-design/introduction.html
  24. 24. https://www.instagram.com/p/-eHI4jgnoU/
  25. 25. Lesen
  26. 26. Animations-Design für Apps Andreas Zeitler
 zCasting 3000
 @zcasting3000

×