Material Design Updates

 Highlights

Google’s Zeplin
해당 스케치 플러그인은 아래 페이지 하단에서 받을 수 있습니다.
무료인데다가 코멘트기능과 구글 drive와의 연동때문에 회사에서 윈도우를 안 썼더라면 당장 사용하자고 했을 툴입니다.
https://material.io/tools/gallery/

screenshot4-organize-features.png
screenshot7-inspect.png

 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) 등에서는 사용성이 높을 것 같습니다.
하단 앱 바를 어떻게 사용할 것인가
usage-when-do.png

 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

textfields-types.png

buttons-types-all.png

 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

  1. Build great Material Design products across platforms (https://youtu.be/Ty6VjgVHiko)

  2. An accessible process for inclusive design
    (https://youtu.be/TAzkrXTGEOM)

  3. Customize Material Components for your product
    (https://youtu.be/3VUMl_l-_fI)

  4. Material Metrics: research-backed validation for adopting Material Design
    (https://youtu.be/Io7fDWXDl6o)

  5. 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

 
0
Kudos
 
0
Kudos

Now read this

_____ Designer @ _____

Designer 앞에 붙는 단어와 그 디자이너가 일하고 있는 곳의 매칭이 재미있다. 같은 회사(아래는 Google)에서 디자이너의 역할이 변하거나 디자인의 의미가 변하는 것도 흥미롭다. 그래서 한번 모아봤다. 이 리스트는 계속해서 갱신하려고 한다. Interaction Designer@Google, 2015 Making Material Design: Crafting Material Product... Continue →