Material Design 2 and material tooling

A talk on the tooling and component side of Material Design 2.0 and why it is important strategically for you and google.

Transcript

1. Material Design 2 and material tooling Soham Mondal
2. Soham Mondal Founder, Triveous UX and Android Consultant Organiser, Blrdroid
4. Agenda Material design 1.0 feedback Goals Material design 2.0 Guidance Components Tools
5. Material design 1.0 feedback
9. Design Brand presence, look Design tooling Benefits not clear Not tactical, theoretical
10. Dev Difficult to follow guidance Many 3rd party implementations Not open source Not really extensible
11. Other Communication Design-Dev Productivity/Workflow Design basics
12. Material Design 2.0
13. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
14. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
15. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
16. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
17. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
18. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.
19. a practical, extensible, cross platform/form factor design system. backed by solid research. widest footprint in terms of device/platform/workflow support.*
20. Material design 2.0 Design system New guidance with material theme
28. Material design 2.0 Design system New guidance with material theme Components
29. Material design 2.0 Design system New guidance with material theme Components Tooling
30. Material design 2.0 Design system New guidance with material theme Components Tooling
31. Components
32. Components MDC Android iOS Flutter Web React
33. Components MDC Open Source
34. Components MDC Open Source
35. Components MDC Open Source Constantly updated
36. Components MDC Open Source Constantly updated
37. Components MDC Open Source Constantly updated Extensible
38. Components MDC Open Source Constantly updated Extensible Example
50. iOS
51. iOS web
52. iOS web flutter
54. Tooling
55. Material theme editor Sketch right now, others coming later Reusable components Color picker: intelligent, accessible Cascading style decisions Type scales Export to gallery Demo
56. Gallery Improve design dev transfer Integration with theme editor Demo
57. Other stuff Spec viewer
58. Other stuff Spec viewer Color picker
59. Other stuff Spec viewer Color picker New icons
60. Why Material Design?
61. Why Material Design? Focus on your business problem Production ready, Build faster, code less Cross platform/form Extensible
62. Thank you Slides: http://bit.ly/materialtooling Source: https://material.io/ Me: @s0h4m