Intro to Google’s Material Design – A recap from NovaUX

Last night I attended the NovaUX meetup featuring presentations on Getting Hired as a UX Designer by Chrissy Ching from HireStrategy and Google’s Material Design by Roman Nurik, a Design Advocate at Google. Thanks to NovaUX, HireStrategy, Chrissy and Roman for a very informative event! Here is a recap of the material design presentation for anyone who was not able to attend.

What is material design?

Material design is a flexible design system that provides a more coherent cross-platform experience. With material design, 3rd parties are given more freedom to express themselves and their brand. Material design also incorporates a rational approach to visual interaction and motion design by combining the best of flat design and skeuomorphism.

Material Design’s 4 Key Elements:

1) Tangible surfaces – Everything has a sense of depth, and is designed like sheets of paper sitting on top of each other.

tangible

2) Print-like design – Everything is designed incorporating principles of good print design. Text is arranged like ink on paper.

printlike

3) Meaningful motion – Motions and interactions aid in telling the story of what is happening in the UI.

motion

4) Adaptive design – A single design system that adapts to different environments (devices).

adaptive

Some tools and resources to help you if you are interested in getting started:

http://www.google.com/design/spec/material-design/introduction.html

Tools for prototyping motions:

  • After Effects
  • Polymer
  • Framer.js
  • Keynote/PowerPoint
Advertisements

One thought on “Intro to Google’s Material Design – A recap from NovaUX

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s