What is material Design?


3D world

The materialenvironment is a 3D space, which means all objects have x, y, and z dimensions. The z-axis is perpendicularly aligned to the plane of the display, with the positive z-axis extending towards the viewer. Every sheet of material occupies a single position along the z-axis and has a standard 1dp thickness.


Light and shadow

Within the material environment, virtual lights illuminate the scene and allow objects to cast shadows. A key light creates directional shadows, while an ambient light creates consistent, soft shadows from all angles.

All shadows in the material environment are cast by these two light sources. Shadows are the absence of light resulting from the occlusion of these light sources by sheets of material at various positions along the z-axis.


Google.com with Material Design

Apps like Gmail, Google Drive, and Google Maps have also been updated with the Material Design style, which is based on colorful shapes and sheets of paper. Google is slowly overhauling its various web apps and services, and designer Aurélien Salomon has taken to Dribble to imagine whatGoogle.com would look like with Material Design.

Recommended for you: 15 Facts On Google That You Search To Verify