Swift Alps 2016

Building animations in Swift. By Manuel Escrig & Kilian Schefer.

Link to the original slides:
https://liip.slides.com/admin_account/deck-4-22-22-d8450a3b-74a6-44ab-8dba-43d8b6774ed1

Demo project:
https://github.com/manuelescrig/SwiftAlps2016

Transcript

2. – Crans-Montana, November 11, 2016 Cra!ing animations that will blow your users minds Swi! Alps
3. Kilian Schefer Manuel Escrig @KilianSSL @manuelescrig Hello Everybody!
4. We Work @ LIIP
6. Why shoul d we anim ate things ?
7. # Animation brings user interface to life dribbble.com/Yar_Z
8. # Provide feedback to users dribbble.com/PrimeModule
9. # Provide app status to user dribbble.com/Hoanguyen
10. # Show the user how to use the app dribbble.com/alapshah
11. # Useful, intuitive and fun dribbble.com/Jung_Hanna
12. «When something exceeds your ability to understand how it works, it sort of becomes...» jony ive
14. How can w e design a nimations?
15. The 12 Principles of Animation Squash and Stretch
16. The 12 Principles of Animation Anticipation
17. The 12 Principles of Animation Staging
18. The 12 Principles of Animation Straight Ahead Action and Pose to Pose
19. The 12 Principles of Animation Follow Through and Overlapping Action
20. The 12 Principles of Animation Slow In and Slow Out
21. The 12 Principles of Animation Arc
22. The 12 Principles of Animation Secondary Action
23. The 12 Principles of Animation Timing
24. The 12 Principles of Animation Exaggeration
25. The 12 Principles of Animation Solid drawing
26. The 12 Principles of Animation Appeal h!p://the12principles.tumblr.co
27. What are s ome exam ples? #ShowMeTheMoney
28. Meaningful and smooth View Transitions github.com/Ki"enYang/GooeyTabbar
29. github.com/Yalantis/StarWars.iOS Fun View Transitions
30. Give the user visual Fe edback Bu"ons And Controls dribbble.com/udhaya
31. dribbble.com/juusando Joyful Bu"ons And Controls
32. dribbble.com/prokhoda Show users some love Bu"ons And Controls
33. Loading should not b e boring Progress h"ps://dribbble.com/shots/1901531-Loading
34. Make users think they' re not waiting Progress dribbble.com/shots/3031884-Pull-to-Refresh-Printer
35. With physics Popups dribbble.com/shots/1250262--GIF-Alert-Popup
36. «A user interface is like a joke. If you have to explain it, it's not that good.» found in google
37. But snap! Animations are hard...
38. Open Source to the resc ue
39. github.com/facebook/pop Simplify iOS animations Pop
40. github.com/MengTo/Spring Simplify iOS animations Spring
41. github.com/AugustRush/Stellar Physical animation libra ry Stellar
42. github.com/icanzilb/EasyAnimation UIView animatinons m ade easier EasyAnimation
43. Let's Build Together
44. Proposals 1. Snow background effect 2. Cowbell notification badge 3. Cheese view transition #BringYourOwnIdeas
45. Kilian Schefer Manuel Escrig @KilianSSL @manuelescrig – Crans-Montana, November 11 2016 Thank You