Material Design

Material Design is a visual language developed in 2014 by Google built on the principles of classic design synthesized with innovation. The philosophy behind Material design is focused on the possibilities of science and technology.

google-material-design

Expanding upon the “card” motifs that are familiar with many products in the Google suite, Material Design makes intentional hierarchy and focus when using grid-based layouts, responsive animations and transitions. An emphasis on user action, engagement, feedback and flexibility is expressed through the padding, colour selection and inflection points to create depth effects such as lighting and shadows.

bold-principles-material-design

All material objects have x, y, and z dimensions.

All material objects have a single z-axis position.

Key lights create directional shadows, and ambient light creates soft shadows.

Environment Guidelines of Material Design

Google announced Material Design on June 25, 2014, at the 2014 Google I/O conference.

Resources

Material Design Guidelines

Google Design

Material Design Icons

@GoogleDesign