–
Crans-Montana, November 11, 2016
Swift Alps
Kilian Schefer
Manuel Escrig
@KilianSSL
@manuelescrig
Why should we animate things?
#
1
dribbble.com/Yar_Z
#
2
dribbble.com/PrimeModule
#
3
dribbble.com/Hoanguyen
#
4
dribbble.com/alapshah
#
5
dribbble.com/Jung_Hanna
When something exceeds your ability to understand how it works, it sort of becomes...
jony ive
How can we design animations?
The 12 Principles of Animation
1
The 12 Principles of Animation
2
The 12 Principles of Animation
3
The 12 Principles of Animation
4
The 12 Principles of Animation
5
The 12 Principles of Animation
6
The 12 Principles of Animation
7
The 12 Principles of Animation
8
The 12 Principles of Animation
9
The 12 Principles of Animation
10
The 12 Principles of Animation
11
The 12 Principles of Animation
12
http://the12principles.tumblr.com
12
What are some examples?
#ShowMeTheMoney
Meaningful and smooth
github.com/KittenYang/GooeyTabbar
github.com/Yalantis/StarWars.iOS
Fun
Give the user visual Feedback
dribbble.com/udhaya
dribbble.com/juusando
Joyful
dribbble.com/prokhoda
Show users some love
Loading should not be boring
https://dribbble.com/shots/1901531-Loading
Make users think they're not waiting
dribbble.com/shots/3031884-Pull-to-Refresh-Printer
With physics
dribbble.com/shots/1250262--GIF-Alert-Popup
A user interface is like a joke.
If you have to explain it,
it's not that good.
found in google
But snap!
Animationsare
hard...
Open
Source
to the rescue
github.com/facebook/pop
Simplify iOS animations
github.com/MengTo/Spring
Simplify iOS animations
github.com/AugustRush/Stellar
Physical animation library
github.com/icanzilb/EasyAnimation
UIView animatinons made easier
Proposals
1. Snow background effect
2. Cowbell notification badge
3. Cheese view transition
#BringYourOwnIdeas
Kilian Schefer
Manuel Escrig
@KilianSSL
@manuelescrig
–
Crans-Montana, November 11 2016