ABsolutelyNORMAL

Color & Contrast 색상과 대비 색상 및 대비를 사용하여 사용자가 어플리케이션의 내용을 보고 해석하고 올바른 요소와 상호작용하며 작업을 이해하는 것을 도울 수 있다. 색상은 분위기, 색조 및 중요한 정보를 전달하는 데 도움을 줄 수 있다. 기본 색상과 보조색상 및 강조 색상은 사용성을 지원하도록 선택할 수 있다. 요소 간의 충분한 색상 대비는 저시력 사용자가 어플리케이션을 보면서 사용하는데 도움을 줄 수 있다. 1. Contrast ratios 대비 비율 색상 대비는 사용자들이 다양한 텍스트 요소와 비텍스트 요소를 구분하는데 중요한 역할을 한다. 낮은 대비의 이미지는 어떤 사용자들에게는 해가 쨍쨍한 밝은 날이나 밤이라 어두운 환경 조건 아래에서 구분하기 어려워 보이는 반면 더 강한 대비는 알아..

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

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