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

AI가 디자이너를 대체할 수 있을까?

영화 ‘her'에 나오는 인공 지능 운영체제 '사만다'의 모습. AUI와 최소한의 GUI만 남아있다. '미래 유망 직종'과 마찬가지로 '미래에 사라질 직업들'은 연말 연초 언론사들의 단골 뉴스 소재이다. 그 중 옥스퍼드 마틴스쿨 칼 베네딕트 프레이 교수와 마이클 오스본 교수가 발표한 '고용의 미래'라는 보고서를 살펴보자. 이 보고서에 따르면 자동화와 기술 발전으로 20년 이내, 현재 직업의 47%가 사라질 위기에... Continue →