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

Detail and Skill

스킬을 비하하는 디자이너들이 있다. 하지만 스킬이란 것을 디테일이라고 치환해서 생각한다면, 스킬은 디자인에 있어 아주 중요한 요소가 된다. 어떤 Design Thinking으로 훌륭한 통찰을 해냈을지라도, 그것을 아웃풋으로 뽑아내는 과정에서 디테일을 볼 줄 모른다면, 그리고 그 디테일을 표현할 수 있는 스킬이 없다면 결국 결과물의 완성도는 떨어질 것이다. 그렇기에 Skill을 어떤 교묘한 방법 혹은 잔머리쓰는 기술로... Continue →