구글에서 제공하는 머티리얼 디자인 가이드라인에 대한 '주요' 특징을 요약한 문서. 여기서 '주요'라 함은 개인적인 관점에 근거한 주요특징을 말함.

1. 머티리얼 디자인

2. 머티리얼(material)?

3. 머티리얼 디자인(material design)
아름답고 직관적인
사용자 경험을 위한
자연스러운 애니메이션
질감이 느껴지는
표면
대담하고 선명한
그래픽

4. 지향점 1
지금까지의 디자인 원리와 현대 과학기술을 융합한 디자인 언어의 생성

5. 지향점 2
디바이스의 크기 및 플랫폼의 특성을 떠나 하나의 통합된 경험을 제공

6. 3D세상
평면의 X, Y축을 비롯하여 높낮이가 있는 Z축을 포함한 환경을 의미
Z축에는 각각의 머티리얼이 쌓이며 각 머티리얼은 1dp의 두께를 가짐

7. 빛과 그림자
그림자 효과는 Z축에 쌓여진 머티리얼의 높낮이 및 방향을 제공함

8. 물리적 특성
머티리얼은 다양한 평면크기를 가지나 높이는 1dp의 두께로 일관적임
하지만 0dp의 두께를 가질 수 없음

9. 그림자 효과
머티리얼은 Z축의 높낮이에 따라 그림자 효과를 제공함

10. 컨텐츠 표현
각 컨텐츠는 머티리얼 표면을 기준으로 제공됨

11. 모양 바꾸기
각 머티리얼은 모양이 바뀔 수 있음

12. 합치기
각 머티리얼은 분리되거나 결합할 수 있음

13. 재결합
하나의 머티리얼에서 분리된 머리티얼은 다시 재결합 됨

14. 상대적 높이
각 머티리얼은 Z축을 기준으로 상대적 높이를 가짐

15. 높/낮이 복구
높낮이가 변경된 머티리얼은 빠르게 원래 상태로 돌아감

16. 타이포그래피
화면 내 텍스트는 일정 수준의 크기 및 줄 간격을 가짐

17. 핵심 가이드라인 및 간격
모바일 레이아웃은 핵심 가이드라인 및 간격을 준수함
24dp
56dp
48dp
72dp

18. 핵심 가이드라인 및 간격
모바일 레이아웃은 핵심 가이드라인 및 간격을 준수함
48dp
8dp
56dp

19. 터치영역 크기
터치영역은 최소 48dp의 크기를 가지며 아이콘의 경우 24dp, 아바타의 경우 40dp를 준수

20. 터치영역 크기
터치영역은 최소 48dp의 크기를 가지며 팝업 내 버튼의 경우 36dp를 권장

21. 기본 레이아웃
모바일의 기본 레이아웃은 앱바와 돌출된 액션버튼으로 구성됨
사이드 메뉴는 레이어된 상태로 제공하며, 우측 사이드 메뉴도 활용 가능

22. 레이아웃 경계
카드형태의 머티리얼 또는 돌출된 액션 버튼은 특정 레이아웃에 구속될 필요 없음

23. 컨텐츠 그룹핑
컨텐츠는 동일 속성끼리 카드형태로 그룹핑하여 제공하며 각 카드 간의 경계를 분명히 함

24. 앱바
앱바는 전형적인 형태 뿐만 아니라 확장된 형태로 사용가능

25. 앱바
앱바의 형태에 따라 다음의 가이드라인을 권장함

26. 시스템바
화면 내 콘텐츠와 어울리는 시스템바를 구성
콘텐츠에 기반한 시스템바 색상 #000000(검정색)의 투명도 20%
검정색 시스템바 앱바보다 어두운 톤의 시스템바

27. 즉각적인 반응
사용자 인터랙션을 통한 즉각적인 반응이 애니메이션으로 표현됨

28. 즉각적인 반응
사용자 인터랙션을 통한 머티리얼 생성 시 애니메이션 효과 제공
인터랙션을 가한 지점으로부터 머티리얼을 확장시켜 해당 지점과의 관련성 제공

29. 시각적 연속성
콘텐츠 전환은 분리되어 표현되지 않고 연속된 느낌을 제공해야 함

30. 시각적 연속성
기존 안드로이드의 Pop in/out 대신 Sliding left/right 등의 연속된 효과 제공

31. 더 알아보기
(http://www.google.com/design)