everything you need to know about google's new material design: an illustrated primer
DESCRIPTION
A recap of some of the top lessons learned on material design and designing at Google from Google's 2014 I/O conference.TRANSCRIPT
![Page 1: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/1.jpg)
Ximena Vengoechea
![Page 2: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/2.jpg)
a. Overviewb. Deep dive: Foundations of
Imagery, Dimensionality, Motion
c. The multi-screen worldd. Getting started e. Extras: Design sprints,
Wearables
material design: a primer
![Page 3: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/3.jpg)
In its simplest form, material design is a new visual design language that will operate across all of Google’s platforms (Chrome web, Android devices, wearables, and the like).
what ismaterial design?
![Page 4: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/4.jpg)
material design
![Page 5: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/5.jpg)
but what does that look like?
![Page 6: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/6.jpg)
deep dive
![Page 7: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/7.jpg)
visuals +
imagery
![Page 8: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/8.jpg)
dimen-sion-ality
![Page 9: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/9.jpg)
motion
![Page 10: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/10.jpg)
material design for the multi-screen world
![Page 11: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/11.jpg)
material design for the multi-screen world
![Page 12: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/12.jpg)
getting started
Resources:● google.com/design● gv.com/designsprint● developer.android.com/wear● CCA meetups: https://www.cca.
edu/academics/wearables
● Google Material Design book: my desk :)
![Page 13: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/13.jpg)
extras
![Page 14: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/14.jpg)
the designsprint
![Page 15: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/15.jpg)
the designsprint, at scale
![Page 16: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/16.jpg)
designing for
wearables
![Page 17: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/17.jpg)
9 principles of material design
1. the material metaphor2. tangible surfaces3. dimensional affordances4. one design5. bold and intentional6. emphasize actions7. user-initiated change8. animation choreography9. meaningful motion
![Page 18: Everything you need to know about Google's new Material Design: An Illustrated Primer](https://reader034.vdocuments.mx/reader034/viewer/2022052117/53ee026c8d7f7289708b601e/html5/thumbnails/18.jpg)
thanks!