ABsolutelyNORMAL

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

Foundations 기본 매터리얼 기본에서는 접근성 표준부터 레이아웃 및 상호 작용을 위한 필수 패턴에 이르기까지 모든 훌륭한 사용자 인터페이스의 기초에 대해 안내한다. 1. Accessibility 접근성 접근 가능한 디자인으로 다양한 능력을 가진 사용자들 모두가 UI를 탐색하고 이해하고 즐길 수 있게 한다. 제품에 대한 이해를 높이기 위한 계층 구조의 단순화 WCAG(Web Content Accessibility Guidelines)의 사용으로 최소 요구 사항의 충족화 구조, 흐름 및 화면 요소의 정의 1. 1. Overview Accessibility & Material Design 접근성과 매터리얼 디자인 기본적으로 매터리얼 디자인의 기본적인 디자인 가치는 접근성의 충족이다. 다양한 능력을 가진..

Icons are small symbols for actions or other items. 아이콘은 동작이나 다른 항목에 대한 작은 상징이다. 매터리얼 심볼 아이콘은 다음 URL에서 받을 수 있다. fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com 매터리얼의 다양한 심볼 아이콘 폰트를 사용하여 제품을 역동적으로 스타일링할 수 있다. 아이콘의 두께와 면 채우기, 시각적 크기와 아이..

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