brunch

You can make anything
by writing

C.S.Lewis

by Jongmin Park May 09. 2018

새로운 머티리얼 디자인

Material Design

https://material.io/

머티리얼 디자인이 리뉴얼됐습니다. 역시나 상세한 예시와 설명으로 이해하기 쉽게 정리되어 있습니다. 구글에서 제공하는 템플릿으로 대략적인 느낌을 확인할 수 있습니다.  디바이스의 변화에 따른 변화도 눈여겨볼만하네요. 테마 에디터, 템플릿, 색, 서체, 아이콘 라이브러리와 스케치 플러그인 등 다양한 툴도 공개했습니다. 여전히 뚠뚠한 느낌이 들고 파일 구조가 복잡해서 확장하기가 어려워 보이긴 합니다. 더 만져봐야할듯.

곳곳에 빼꼼히 숨어있는 한글 (...) 


특이사항

- Theme Editor 스케치 플러그인 제공. 머티리얼 디자인 테마를 나의 브랜드에 맞춰 조절하기 쉬움

- 하단 앱 바 활용

- 적용 가능한 코드 제공 ( Android, iOS, Web, Flutter )

- 커스텀 아이콘 셋 + 2톤 아이콘



머티리얼 디자인

머티리얼은 전세계 사람들이 사용하는 안드로이드 플랫폼을 중심으로한 디자인 시스템입니다. 예측 가능한 규칙으로 통일된 디자인 언어로 수없이 많은 구글의 서비스를 접근하기 쉽게 만들었습니다. 물론 구글의 서비스뿐만 아니라 디지털 프로덕트에 많은 영향을 끼쳤습니다. 이번 머티리얼의 디자인 파트는 머티리얼 시스템, 파운데이션, 가이드라인으로 나뉩니다.



머티리얼 시스템

종합적인 스타일이 적용된 7개의 테마를 제공합니다. 브랜드와 서비스의 성격에 맞춰 개성 넘치는 테마를 구성해 이전보다 더 유연한 머티리얼 디자인을 보여줍니다. 각 테마 별로 구조,레이아웃,컬러 등 디자인 시스템을 테마별로 따로 제공합니다.(!) 

https://material.io/design/material-studies/about-our-material-studies.html


머티리얼 파운데이션

머티리얼 디자인 언어의 기초가 되는 이론과 시스템을 소개합니다. 물리 세계의 메타포에 대한 설명부터 컬러, 서체 등의 디자인 시스템에 대한 자세한 이론과 예시를 보여줍니다. 특히 Enviroment와 Navigation 등에서 확인할 수 있는추상적인 구조 설명이 상세하게 잘 설명되어 있습니다.

https://material.io/design/foundation-overview/


머티리얼 가이드라인

Theme Editor 플러그인으로 머티리얼 디자인 테마를 커스텀해 사용할 수 있습니다. 컴포넌트 사용법에 대한 자세한 설명과 플랫폼별 적용 규칙에 대해 설명해줍니다.

https://material.io/design/guidelines-overview/

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari