Material design animations

— introduction to material design for web and mobile material in Android (setup material theme)
— animations: touch feedback, reveal effect, activity transitions,
— curved motion, animating view state changes
http://dou.ua/calendar/5876/
http://habrahabr.ru/company/Ciklum/blog/240465/

Transcript

1. Ilya Lisovoy
 Material Design Animations. Tips and tricks.
2. USEFUL Links Introduction to Material design Contents Material for android Material animations Support material for older android versions
3. USEFUL Links Visual language for our users that synthesizes the classic principles of good design with the innovation of technology. This is material design.
4. USEFUL Links Goals
5. USEFUL Links Material is metaphor Principles Graphic Motion provides meaning
6. USEFUL Links Responsive Interaction
7. USEFUL Links Meaningful Transitions
8. USEFUL Links UI Color Application
9. USEFUL Links Use more place for content
10. USEFUL Links Focus on main
11. USEFUL Links Scale layouts for all devices
12. USEFUL Links Material for Android
13. USEFUL Links Apply the Material Theme
14. USEFUL Links Customize color in theme
15. USEFUL Links RecyclerView
16. USEFUL Links ViewHolder by default Layout manager ItemAnimator RecyclerView
17. USEFUL Links Shadows CardView Rounded corners Box for content
18. USEFUL Links Pallete Bitmap Vibrant color (Normal, Light, Dark)
 
 Muted color (Normal, Light, Dark)
19. USEFUL Links Shadows
20. USEFUL Links Shadow evaluation
21. USEFUL Links Touch feedback Animations Reveal effect Curved motion Activity transitions
22. USEFUL Links Touch feedback
23. USEFUL Links Touch feedback
24. USEFUL Links Reveal effect
25. USEFUL Links Reveal effect
26. USEFUL Links Curved Motion Custom curve Material curves
27. USEFUL Links Activity transitions Enter activity Exit activity Shared elements
28. USEFUL Links Activity transitions Enter/exit activity
29. USEFUL Links Activity transitions
30. USEFUL Links Activity transitions Shared elements
31. USEFUL Links Activity transitions
32. Compatibility android.support.v7.widget.RecyclerView USEFUL Links AppCompat v21 — Material Design for Pre-Lollipop Devices android.support.v7.widget.CardView
33. Material Design for Pre-Lollipop Devices USEFUL Links Available from 22 October
34. Material Design for Pre-Lollipop Devices USEFUL Links - Mostly used views support, but not for all
 - RippleDrawable not support
 - Material animations not support

35. USEFUL Links Material design from Google http://www.google.com/design/spec/material-design Useful links Material design for android http://developer.android.com/preview/material/index.html Android lollipop http://developer.android.com/about/versions/lollipop.html Apps with material design http://www.androidauthority.com/best-material-design-apps-for- android-523420/
36. Questions time
37. Thank you for Attention Contact information ip.lisoviy@gmail.com ilya.lisovyy id=227112207 vk.com/lisway