Material Design

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

Sistema de diseño que traduce la metáfora física del papel y la tinta en reglas de sombra y superposición. Los elementos reciben una altura, la sombra indica la jerarquía y el movimiento porta una causalidad física. Se convirtió en el modelo de que el diseño de interfaz se distribuya como sistema.

Jerarquía y sombra expresadas por la altura / Superficies superpuestas como hojas de papel / Movimiento que muestra causa y efecto / Unidad de espaciado normalizada

Imágenes en la página de origen

Entrada del diccionario

Usos idóneos
Distributing consistent behavior across several platforms · Communicating the depth of a hierarchy visually
Tipografía
Build the hierarchy from one type family and separate levels by weight and size.
Composición
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.
Precaución
Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie.
Para profundizar
The first specification of 2014 / The table matching elevation to shadow / The change into Material You

Entradas relacionadas

Volver a su posición en el índice