Android TV는 Google의 머티리얼 색상 가이드라인을 준수하여 일관되고 시각적으로 매력적인 인터페이스를 보장합니다. TV 화면에 맞는 매우 몰입도 높고 눈길을 끄는 시각적 스타일을 만듭니다. 이 가이드에서는 Android TV 인터페이스에 Material Design 테마를 적용하는 방법을 자세히 설명합니다.
하이라이트
- Android TV는 Google의 머티리얼 색상 가이드라인을 준수하지만 TV에 최적화됩니다.
- 어두운 테마로 제작하여 영화 같은 경험을 연출하세요.
- Material 테마 빌더를 사용하여 테마를 만듭니다.
색 구성표
색 구성표는 UI에 의미 있는 방식으로 색상을 적용하여 조화, 브랜드 일관성, 확장성을 실현하는 데 도움이 됩니다.
색 구성표의 기반은 13개 이상의 색조가 있는 별도의 색조 팔레트와 개별적으로 관련된 5가지 주요 색상 세트입니다. 각 색조 팔레트의 특정 색조는 UI에서 색상 역할에 할당됩니다. 주요 색상은 동적 색 구성표를 만들기 위한 기초가 됩니다. Material 테마 빌더를 사용하거나 자체 키 색상을 선택하여 루트 색상 한 개를 기반으로 키 색상을 만들 수 있습니다.
주요 색상이 설정되면 Material의 알고리즘이 상호작용 상태, 오류, 액세스 가능한 대비를 표현하는 데 필요한 전체 색상 스펙트럼을 지정합니다.
Material 테마 빌더는 동일한 색상 토큰으로 어두운 색 구성표와 밝은 색 구성표를 모두 생성하므로 테마 간에 쉽게 전환할 수 있습니다.
색상 역할
기본
기본 역할은 가시도 버튼, 활성 상태, 돌출된 노출 영역의 색조와 같은 UI 전반의 주요 구성요소에 사용됩니다.
보조
보조 역할은 필터 칩과 같이 UI에서 눈에 덜 띄는 구성요소와 색상 표현식을 위한 추가 기회에 사용됩니다.
3차
3차 역할은 기본 색상과 보조 색상의 균형을 맞추거나 입력란과 같은 요소에 대한 관심을 높이는 데 사용할 수 있는 대비 강조에 사용됩니다.
표시 경로
중립적인 역할은 표면 및 배경, 높은 강조 텍스트 및 아이콘에 사용됩니다. 표시 경로에 관한 자세한 내용은 머티리얼 디자인 가이드라인을 참고하세요.
개요
머티리얼 디자인 가이드라인에서 Outline 역할에 관해 자세히 알아보세요.
동적 색상
Android 모바일에서는 Android 12부터 사용자가 배경화면 선택 및 기타 맞춤설정을 통해 개별화된 스키마를 생성할 수 있습니다. Android TV는 배경화면을 지원하지 않습니다. 즉, 사용자 생성 스키마가 지원되지 않으며 Android TV OS는 기본 팔레트만 브로드캐스트합니다.
사용자 생성 구성표 대신 콘텐츠 기반 색 구성표를 사용하여 영화 포스터, 앨범 아트, 기타 히어로 이미지와 같은 콘텐츠를 기반으로 역동적이고 재미있는 디자인을 만들 수 있습니다. 자세한 내용은 콘텐츠 기반 색 구성표를 참고하세요.
Material 색상 유틸리티 개발자 라이브러리를 사용하면 이미지에서 직접 주요 색상을 추출하거나 자체 색상 추출 알고리즘을 실행하여 키 색상을 찾은 다음 Material Color Utilities를 사용하여 테마를 생성할 수 있습니다.
다음은 이미지에서 색상을 추출하는 방법의 예입니다.
- 소스 이미지
- 추출된 시드 색상
- 생성된 키 색상
이러한 주요 색상을 사용하여 색 구성표를 생성하거나 색조를 사용하여 UI에 적용할 수 있습니다.
접근성
접근성 고려사항은 Android TV 접근성 권장사항을 참고하세요.