Material Design
マテリアルデザイン / 2014– / Style / Google UI
A design system that reduces the physical metaphor of paper and ink to rules of shadow and overlap. Elements are given elevation, shadow states the hierarchy, and motion carries physical cause and effect. It became the model for UI design being distributed as a system.
Hierarchy and shadow expressed by elevation / Surfaces overlapping like sheets of paper / Motion that shows cause and effect / A standardized unit of spacing
Dictionary entry
- Best used for
- Distributing consistent behavior across several platforms · Communicating the depth of a hierarchy visually
- Type
- Build the hierarchy from one type family and separate levels by weight and size.
- Composition
- Place elements on a grid of multiples of 8 and standardize the spacing.
- Material
- Give surfaces elevation and show front and back by the density of the shadow.
- Caution
- Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie.
- Further study
- The first specification of 2014 / The table matching elevation to shadow / The change into Material You