SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Mehr von Andreas Zeitler

Mehr von Andreas Zeitler (9)

Cloud Work - Wie vernetzte Teams heute arbeiten
Cloud Work - Wie vernetzte Teams heute arbeitenCloud Work - Wie vernetzte Teams heute arbeiten
Cloud Work - Wie vernetzte Teams heute arbeiten
 
Storytelling als Freelancer - #cowork2015
Storytelling als Freelancer - #cowork2015Storytelling als Freelancer - #cowork2015
Storytelling als Freelancer - #cowork2015
 
So tickt YouTube #mbsmn
So tickt YouTube #mbsmnSo tickt YouTube #mbsmn
So tickt YouTube #mbsmn
 
So tickt YouTube #mxsw 2014-09-22
So tickt YouTube #mxsw 2014-09-22So tickt YouTube #mxsw 2014-09-22
So tickt YouTube #mxsw 2014-09-22
 
Die perfekte Rasur
Die perfekte RasurDie perfekte Rasur
Die perfekte Rasur
 
Screencasts aber richtig v2
Screencasts   aber richtig v2Screencasts   aber richtig v2
Screencasts aber richtig v2
 
Leben mit Ablenkungen
Leben mit AblenkungenLeben mit Ablenkungen
Leben mit Ablenkungen
 
Er sagt, sie sagt
Er sagt, sie sagtEr sagt, sie sagt
Er sagt, sie sagt
 
Software Support Done Right
Software Support Done RightSoftware Support Done Right
Software Support Done Right