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

482 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
0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
482
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
72
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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

×