everything you need to know about google's new material design: an illustrated primer

of 18 /18
Ximena Vengoechea

Author: ximena-vengoechea

Post on 11-Aug-2014




21 download

Embed Size (px)


A recap of some of the top lessons learned on material design and designing at Google from Google's 2014 I/O conference.


  • Ximena Vengoechea
  • a. Overview b. Deep dive: Foundations of Imagery, Dimensionality, Motion c. The multi-screen world d. Getting started e. Extras: Design sprints, Wearables material design: a primer
  • In its simplest form, material design is a new visual design language that will operate across all of Googles platforms (Chrome web, Android devices, wearables, and the like). what is material design?
  • material design
  • but what does that look like?
  • deep dive
  • visuals + imagery
  • dimen- sion- ality
  • motion
  • material design for the multi- screen world
  • material design for the multi- screen world
  • 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 :)
  • extras
  • the design sprint
  • the design sprint, at scale
  • designing for wearables
  • 9 principles of material design 1. the material metaphor 2. tangible surfaces 3. dimensional affordances 4. one design 5. bold and intentional 6. emphasize actions 7. user-initiated change 8. animation choreography 9. meaningful motion
  • thanks!