Material Design
マテリアルデザイン / 2014– / Style / Google UI
把纸与墨这一物理比喻落实为阴影与叠层规则的设计体系。给元素赋予高度,用阴影表示层级,让动效带有物理因果。它成为此后界面设计「作为体系被分发」的范本。
以高度表示的层级与阴影 / 如纸张般叠合的面 / 表示因果的动效 / 被规格化的间距单位
辞典词条
- 适用场景
- Distributing consistent behavior across several platforms;Communicating the depth of a hierarchy visually
- 字体
- Build the hierarchy from one type family and separate levels by weight and size.
- 版面
- Place elements on a grid of multiples of 8 and standardize the spacing.
- 材料
- Give surfaces elevation and show front and back by the density of the shadow.
- 注意
- Do not add shadow as decoration. The moment the elevation rules break, the hierarchy is telling a lie.
- 延伸阅读
- The first specification of 2014 / The table matching elevation to shadow / The change into Material You