Material Design Guidelines


 

Google has launched a design framework – Material design, which is a comprehensive guide for visual, motion, and interaction design across platforms and devices.

Principles of Material Design

According to Google – “A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination

The foundational elements of design—typography, grids, space, scale, color, and use of imagery—guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Motion respects and reinforces the user as the prime mover. Primary user actions are inflection points that initiate motion, transforming the whole design.”

Material Design Guidelines

Google has specified guidelines to use Material Design in web and mobile apps. To use material design in website and apps, follow the guidelines defined in the material design specification .Most of the new components and functionality available in Android 5.0 phones and above.

The specs are very detailed and define exact specs for Elevation, Shadows, Object relationships, Animations, User input, Surface reaction, Material response, Radial action, user input, Surface reaction, Material response, Radial action, Visual continuity, Hierarchical timing, Consistent choreography etc.

Material Design Guidelines Useful links:

Introduction to Material Design:

Goals and Principles of Material Design
http://www.google.co.in/design/spec/material-design/introduction.html

Google Design

Design resource website from Google
http://www.google.co.in/design/

Styles in Material Design

Usage of Color Palette, themes and UI
http://www.google.co.in/design/spec/style/color.html

Material Design Guidelines

Resources for Icons, Fonts, Android TV, VR
https://www.google.com/design/resources/#material-design-guidelines

Material Design for Android

Guidelines for developing Material Design Android Apps
https://developer.android.com/design/material/index.html

Material Design for Developers

Learn how to apply material design styles to your app
http://developer.android.com/training/material/index.html

Material Design Training Material

Articles, videos and resources files
https://developer.android.com/design/index.html

MDL – Material Design Lite

Design framework for developing websites based on Material Design
http://www.getmdl.io/

According to Google, the Material Design specs will be evolving and it is important that web & mobile developers should bookmark the above links and check them frequently for updates.

Posted in Material Design | Comments Off on Material Design Guidelines
Powered By: wpnova.com