Material Design Updates
Highlights #
Gallery #
Google’s Zeplin
해당 스케치 플러그인은 아래 페이지 하단에서 받을 수 있습니다.
무료인데다가 코멘트기능과 구글 drive와의 연동때문에 회사에서 윈도우를 안 썼더라면 당장 사용하자고 했을 툴입니다.
https://material.io/tools/gallery/
Material Theming #
머티리얼 가이드를 커스터마이징 가능하도록 더 다양한 옵션과 가이드가 추가되었습니다. 커스터마이징 툴도 제공하는데 아래에서 받으실 수 있습니다.
각 테마를 활용한 앱에 대한 스터디 케이스도 확인하실 수 있습니다.
https://material.io/design/material-theming/
https://material.io/tools/theme-editor/
Guide updates #
변화된 것들은 아래와 같습니다.
0. Principles #
각 component에 대한 principle이 추가되었습니다.
1. Bottom App bars #
기존 위에만 존재하던 app bar를 아래로 내렸습니다. iOS의 주된 특허 UI였던 Tab bar를 차용한 것인데 다른 점이라면 FAB버튼을 두었다는 것입니다.
https://material.io/design/components/app-bars-bottom.html
이미 약간의 비판을 받고 있지만 테스크가 분명한 앱 (mail, to do list) 등에서는 사용성이 높을 것 같습니다.
하단 앱 바를 어떻게 사용할 것인가
2. Button & Text Field #
버튼: 버튼 스타일이 추가되었습니다.
https://material.io/design/components/buttons.html
텍스트 필드: 확장된 텍스트 필드에 대한 가이드라인이 추가되었습니다.
Text fields come in two types:
Filled text fields
Outlined text fields
Both types of text fields use a container to provide a clear affordance for interaction, making the fields discoverable in layouts.
https://material.io/design/components/text-fields.html
3. FAB(Floating Action Button) #
FAB: 확장형이 추가되었습니다.
https://material.io/design/components/buttons-floating-action-button.html#extended-fab
4. Icon #
Filled / outlined / Sharp / Rounded / Two-tone 등으로 아이콘의 형태를 보다 명확하게 구분하였습니다.
https://material.io/design/iconography/product-icons.html#specs
개인적으로 좋다고 느낀 부분은 animated icon guide입니다
https://material.io/design/iconography/animated-icons.html
Video Highlights #
Build great Material Design products across platforms (https://youtu.be/Ty6VjgVHiko)
An accessible process for inclusive design
(https://youtu.be/TAzkrXTGEOM)Customize Material Components for your product
(https://youtu.be/3VUMl_l-_fI)Material Metrics: research-backed validation for adopting Material Design
(https://youtu.be/Io7fDWXDl6o)Design Is [Language] – Why Words Matter
(https://youtu.be/G-LVbuoT1_I)
그밖의 비디오는
Google i/o 공식 홈페이지나
https://events.google.com/io/schedule/?section=may-8
Youtube channel에서 보실 수 있습니다.
https://goo.gl/axp9bX