Material Design
マテリアルデザイン / 2014– / Style / Google UI
Entwurfssystem, das die physische Metapher von Papier und Tinte auf Regeln für Schatten und Überlagerung herunterbricht. Elemente erhalten eine Höhe, der Schatten zeigt die Hierarchie, die Bewegung trägt physische Kausalität. Es wurde zum Muster dafür, dass Interfacegestaltung als System verteilt wird.
Hierarchie und Schatten über die Höhe ausgedrückt / Flächen, die sich wie Papierbögen überlagern / Bewegung, die Ursache und Wirkung zeigt / Normierte Einheit für Abstände
Abbildungen auf der Quellseite
Wörterbucheintrag
- Geeignet für
- Distributing consistent behavior across several platforms · Communicating the depth of a hierarchy visually
- Typografie
- Build the hierarchy from one type family and separate levels by weight and size.
- Komposition
- 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.
- Zu vermeiden
- Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie.
- Zum Weiterlesen
- The first specification of 2014 / The table matching elevation to shadow / The change into Material You