Material Design

マテリアルデザイン / 2014– / Style / Google UI

Système de conception qui ramène la métaphore physique du papier et de l'encre à des règles d'ombre et de superposition. Les éléments reçoivent une hauteur, l'ombre dit la hiérarchie, le mouvement porte une causalité physique. Il est devenu le modèle d'une conception d'interface distribuée comme système.

Hiérarchie et ombre exprimées par la hauteur / Surfaces superposées comme des feuilles de papier / Mouvement montrant la cause et l'effet / Unité d'espacement normalisée

Images sur la page d’origine

Entrée du dictionnaire

Usages idéaux
Distributing consistent behavior across several platforms · Communicating the depth of a hierarchy visually
Typographie
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.
Matière
Give surfaces elevation and show front and back by the density of the shadow.
Précaution
Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie.
Pour approfondir
The first specification of 2014 / The table matching elevation to shadow / The change into Material You

Entrées liées

Revenir à sa position dans l’index