Animationsdesign für Apps
-
Upload
andreas-zeitler -
Category
Design
-
view
619 -
download
0
Transcript of Animationsdesign für Apps
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
🤓
☕
🤓
🍵
🍵
☕
🍵
☕
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