©2017 ASHTBIT SYSTEMS PVT. LTD. OR ITS AFFILIATES. ALL RIGHTS RESERVED.

Understanding Material Design

Created: 23 May 2017 / Category: Information Technology /  Views

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.

Develop a single underlying system that allows for a unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all first-class input methods


“Material is the metaphor”

The metaphor of material defines the relationship between space and motion. The idea is that the technology is inspired by paper and ink and is utilized to facilitate creativity and innovation. Surfaces and edges provide familiar visual cues that allow users to quickly understand the technology beyond the physical world. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting shows seams, divides space, and indicates moving parts.



“Bold, graphic, intentional”


Elements and components such as grids, typography, color, and imagery are not only visually pleasing, but also create a sense of hierarchy, meaning, and focus. Emphasis on different actions and components create a visual guide for users. An emphasis on user actions makes core functionality immediately apparent and provides waypoints for the user.



“Motion provides meaning”


Motion allows the user to draw a parallel between what they see on the screen and in real life. By providing both feedback and familiarity, this allows the user to fully immerse him or herself into unfamiliar technology. Motion contains consistency and continuity in addition to giving users additional subconscious information about objects and transformations. All action takes place in a single environment. Objects are presented to the user without breaking the continuity of experience even as they transform and reorganize.



Motion is meaningful and appropriate, serving to focus attention and maintain continuity. Feedback is subtle yet clear. Transitions are efficient yet coherent.

about author

JATIN MISHRA

@ Ashtbit

"We would love to hear from you, so please share your thoughts with us at info@ashtbit.com"
Top