색상은 디스플레이, 환경, 인식을 고려합니다. 안경의 색상은 가산 디스플레이의 동작을 지원하고 시각적 편안함을 위해 최적화하는 고도로 세련된 팔레트를 사용합니다. 안경의 색상 사용은 실제 세계와 조화를 이루고, 중요한 작업을 나타내고, 이미지를 표시하거나, 시맨틱 의미를 제공하기 위해 신중하게 사용해야 합니다.
검은색은 광학 투과형 디스플레이에서 투명합니다. 어두운 색상은 칙칙하거나 투명하게 보이지만 깊이를 만드는 데 사용할 수도 있으므로 디자인할 때 이 점을 염두에 두세요.
색 구성표
안경 색 구성표 (앱의 색상을 테마로 지정하는 색상 토큰 또는 역할 모음)는 3개의 강조 역할, 6개의 표면 (또는 중립 역할), 그리고 그에 상응하는 색상으로 구성됩니다. 색상 역할은 모바일 구성표 역할과 유사하며 동일한 방식으로 사용해야 합니다.
강조 색상은 제한된 강조로 색상에 사용할 수 있습니다.
권장사항
금지사항
색상 맞춤설정
안경의 색상을 맞춤설정할 때는 시각적 방해를 최소화하고 실제 세계와 조화를 이루는 것이 중요하며, 다양한 조명 조건에서 가독성을 우선시합니다. 색상을 신중하게 보정하여 밝기와 채도를 균형 있게 조정하여 즉시 식별할 수 있도록 합니다.
기본 색상은 브랜드 또는 기본 상호작용 색상을 사용하도록 맞춤설정할 수 있습니다. 선택한 색상의 대비, 채도, 전력 사용량을 고려하세요.
최적화된 브랜드 및 시맨틱 색상
브랜드, 작업 또는 시스템 알림을 나타내는 색상은 다음 조건을 충족해야 합니다.
- 읽을 수 있을 만큼 밝아야 합니다.
- 색상으로 식별할 수 있을 만큼 채도가 높아야 합니다.
- HCT 색상 공간을 사용하여 전경과 배경 간에 최소 66% 의 색조 차이를 확인합니다.
Jetpack Compose Glimmer 테마에서 자세히 알아보세요.
전력 사용량
일부 색상은 다른 색상보다 더 많은 전력을 사용하고 더 많은 열을 발생시킵니다. 오른쪽에 표시된 것과 같이 동일한 색조의 색상을 비교할 때 녹색은 전력 소비가 가장 적고 파란색은 가장 많습니다. 켜는 픽셀 수를 최소화합니다. 화면이 밝을수록 디스플레이가 더 뜨거워집니다. 화면을 흰색으로 채우지 마세요. 열 완화가 발생할 수 있습니다.
권장사항
금지사항
권장사항
금지사항
맞춤설정된 표면은 피해야 합니다.
어두운 컨테이너 색상
컨테이너는 일반적으로 주의를 산만하게 하지 않고 컨테이너 내 콘텐츠를 표시하는 데 중점을 두어야 합니다.
- 표면은 대비가 가장 높도록 검은색이어야 합니다.
- 표면은 전경 요소의 가독성을 유지하기 위해 포커스 상태에서 34% 색조보다 밝지 않아야 합니다.
- 윤곽선은 눈에 띄지만 미묘해야 합니다.
권장사항
금지사항
권장사항
금지사항
권장사항
금지사항
브랜딩 또는 표현형 UI를 추가하기 위해 윤곽선을 맞춤설정할 수 있습니다.
권장사항
금지사항
주의
파란색으로 윤곽선 포커스 맞춤설정: 포커스 상태 강조표시는 2
개의 윤곽선으로 구성되며, 색상은 레이어 2에 적용되어 포커스 상태를 색조 처리합니다.
권장사항
