구글 매터리얼 디자인 / Overview

매터리얼 디자인이 무엇인가 

원문

매터리얼 디자인은 구글 디자이너 및 개발자가 개발하고 지원하는 디자인 시스템이다.

Material.io는 안드로이드와 플러터(무엇인지 모르는 그 무엇인 운영체제?) 및 Web을 위한 심층 UX 가이드 및 UI 구성 요소의 구현을 포함하고 있다. 

최신 버전인 Material 3은 역동적인 색상과 향상된 접근성부터 대형 화면 레이아웃 및 디자인 토큰을 위한 기반에 이르기까지 표현과 개별 조정이 가능한 개인화 경험을 제공한다. (personal, adaptive, expressive experiences 한글로 표현하기 너무 어색한 경험들) 

UX foundations 사용자 경험 - 기본

색상, 글꼴 및 형태 등 시스템을 개인화하는 기초 매터리얼

일스럽지만 일이니까 정리해 봅니다.

기본적인 UI 구성 요소와 테마 디자인에 필요한 내용까지만 정리합니다. UX Foundations > Styles 중심으로 작업하겠습니다. 

*오역과 의역이 있을 수 있습니다.

Foundations 기본

기본에서는 접근성 표준에서부터 인터랙션과 레이아웃에 필요한 필수 패턴에 이르기까지 훌륭한 사용자 인터페이스의 기초에 대해 알려준다. (스타일과 컴포넌트 마무리 후 작업 예정)

Styles 스타일

스타일(양식)은 특정한 형태와 느낌을 전달하는 UI의 시각적 측면인다. 매터리얼 테마를 변경함으로써 개인화할 수 있다. 

Components  컴포넌트/화면구성요소

컴포넌트는 사용자 인터페이스를 만들어내는데 필요한 인터랙티브 요소들이다. 이들의 목적에 따라 동작 요소, 내용 컨테이너(containment), 다이얼로그(communication 아마도 대화창 같은 상호 통신 요소), 네비게이션, 셀렉트박스 및 텍스트 인풋 등으로 범주화할 수 있다. (일반적으로 디자인 작업하는 요소 명칭으로 변경하였으나 의미가 다를 수 있음)

생각보다 양이 많아서 언제 다 할 수 있을지 의문임, 바쁠 예정, 어디 책으로 나온 거 없나 찾아 봐야 하겠지만 없으면 일단 마음대로 정리해 보기로 합니다.