글

라벨이 구글 머티리얼 디자인인 게시물 표시

기본이 되는 Google 머티리얼 디자인(Material Design) 완전 가이드

이미지
구글의 머티리얼 디자인은 구글의 디자이너와 개발자가 구축하고 지원하는 디자인 시스템으로 안드로이드, iOS, 플러터 및 웹에 대한 자세한 UX 지침과 UI 구성 요소를 구현하는 방법이 포함되어 있습니다. 최근에는 머티리얼 3으로 업데이트되면서 동적 색상과 향상된 접근성, 대형 화면의 레이아웃과 디자인에 이르기까지 개인적이고 확정된 경험을 만드는 가이드를 제공하고 있습니다. 구글 : 머티리얼 디자인 시스템 링크 : https://m3.material.io/ 1. 개요: 머티리얼 디자인이란? 머티리얼 디자인(Material Design)은 Google이 2014년에 발표한 크로스 플랫폼 디자인 시스템입니다. "물리적 세계의 규칙을 디지털 환경에 적용한다"는 철학을 기반으로 UI를 설계하여, 일관성 있는 사용자 경험을 보장하고 디자이너와 개발자의 협업을 효율화하는 데 목적이 있습니다. 공식 정의: “Material Design is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, web, and beyond.” 2. 철학과 원칙 머티리얼 디자인의 기반은 실제 물리 세계의 특성에서 영감을 받은 아래 3가지 철학적 원칙에서 출발합니다: 2.1 Material is the metaphor (재료는 은유다)  - UI 요소는 종이, 잉크, 빛 등의 물리적 속성을 가상 공간에서 구현하는 개념입니다.  - 그림자, 깊이감, 계층 등을 사용하여 사용자의 인지적 부담을 줄입니다. 2.2 Bold, graphic, intentional (대담하고 그래픽 중심적인 구성)  - 강한 타이포그래피, 컬러, 여백 사용을 권장합니다.  - 정보의 위계가 명확히 보이도록 설계합니다. 2.3 Motion pro...