구글 UI 3

구글 매터리얼 디자인 / Sytles / Color / Color System / Key Color & Tone

Color System UI 컴포넌트에 맞게 26가지 이상의 역할로 구성되어 있는 컬러 시스템 컬러 시스템에서는 사용자의 입력에 따라 동적으로 변경되는 색상 구성을 가변적으로 처리하고 있다. 색조의 관계(배색에 있어서의) 논리와 색조 및 채도의 변경은 색상을 유연하게 적용하기 위한 기본을 제시한다. 컬러 시스템 구성표는 고정된 상수로 결정된 값의 그룹이 아닌 상대적으로 결합된 색조로 간주될 수 있다. Key Colors 주요 색상 컬러 시스템의 기본은 13개의 색조로 구성된 개별적인 톤 팔레트와 각각 연결되는 5개의 주요 색상이 세트로 구성된다. 각 톤 팔레트에서의 특정 톤은 UI 전체에서 색상 역할을 할당받는다. 주요색상(Key Colors 주조색이라고 하기에는 주조색과 보조색, 강조색이 어우러진 그룹..

WORKING 2023.10.09

구글 매터리얼 디자인 / Sytles / Color / Overview

색상은 스타일을 표현하고 의미를 전달하는데 사용된다. 매터리얼에서는 동적으로 색상을 적용하여 개인의 선호와 요구를 반영할 수 있도록 컬러 시스템을 체계적으로 적용하는 것을 초석으로 한다. 색상은 의미를 만들고 상태를 표현하거나 계층 구조 및 브랜드를 전달하는데 사용된다. UI 테마를 실시간으로 변경할 수 있는 동적 색상 Dynamic Color UI 고정 디자인 토큰에 설정된 기본 컬러 시스템 Basic Color System 기본적으로 접근성에 부합하도록 대비값이 설정된 매터리얼 컬러 시스템 제품 특성에 맞게 확장 적용할 수 있는 26가지 이상의 색상 역할 Color Roles 매터리얼 새소식 What's New 톤(색조) 기반 배색 Tone-based surface colors 톤 기반 배색은 이전에..

WORKING 2023.09.04

구글 매터리얼 디자인 / Overview

매터리얼 디자인이 무엇인가 원문 매터리얼 디자인은 구글 디자이너 및 개발자가 개발하고 지원하는 디자인 시스템이다. Material.io는 안드로이드와 플러터(무엇인지 모르는 그 무엇인 운영체제?) 및 Web을 위한 심층 UX 가이드 및 UI 구성 요소의 구현을 포함하고 있다. 최신 버전인 Material 3은 역동적인 색상과 향상된 접근성부터 대형 화면 레이아웃 및 디자인 토큰을 위한 기반에 이르기까지 표현과 개별 조정이 가능한 개인화 경험을 제공한다. (personal, adaptive, expressive experiences 한글로 표현하기 너무 어색한 경험들) UX foundations 사용자 경험 - 기본 색상, 글꼴 및 형태 등 시스템을 개인화하는 기초 매터리얼 더보기 일스럽지만 일이니까 정리..

WORKING 2023.08.30
반응형