Material Design
マテリアルデザイン / 2014– / Style / Google UI
종이와 잉크라는 물리의 비유를 그림자와 겹침의 규칙으로 옮겨 놓은 설계 체계. 요소에 높이를 주고 그림자로 위계를 보이며 움직임에 물리적 인과를 담는다. 이후 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