머티리얼 디자인

머티리얼 디자인의 세부 스타일 요소 3가지

                    

1. 플로팅 액션 버튼 (FAB)

그야말로 떠 있는 액션 버튼이다. 디지털 종이 최상단에 떠 있는 이 동그란 버튼은, 각 앱의 핵심 기능을 담게 된다. 사진 앱이라면 '사진 찍기' 기능이, 쇼핑 앱이라면 '장바구니 담기' 기능이 들어갈 수 있는 것이다. 구글은 "네 다섯 개의 복잡한 메뉴 버튼을 없애고, 딱 하나만 남겨라"고 앱 디자이너들에게 주문했다.

2. 내비게이션 드로어 (Navigation drawer)

메인 화면에 넣기 어려운 주요 정보나 개인 설정 등을 넣을 수 있는 곳으로 왼쪽 상단의 메뉴 아이콘을 이용해 빠르게 접근할 수 있다.

3. 히어로 전환 애니메이션

일반적으로 머티리얼 디자인에서 UI 와 콘텐츠 요소는 갑자기 나타나거나 사라지지 않으며, 자신의 위치로 자연스럽게 이동해야 한다. 어떤 아이템을 클릭하여 상세 화면으로 전환되는 경우, 옆의 그림과 같이 선택된 아이템이 목록 화면에서 상세 화면으로 자연스럽게 전환되는 '히어로(Hero) 전환' 을 적용한다. 

참조

http://googledevkr.blogspot.kr/2014/10/material-design-on-android-checklist.html