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

Ximena Vengoechea

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

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?

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 designsprint

the designsprint, at scale

designing for

wearables

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

thanks!