Android for Cars 앱 라이브러리는 타사 앱의 브랜드 아이덴티티와 차량 고유의 디자인 간의 균형을 맞춰주는 템플릿 기반 프레임워크를 제공합니다. Google은 안전을 위해 전체적인 구조를 표준화했지만, 앱 아이콘의 크기, 모양, 비율을 맞춤 설정하여 통일감 있는 사용자 경험을 만들 수 있습니다.
무엇을 맞춤 설정할 수 있나요?
라이브러리의 아이콘은 앱 개발자와 자동차 제조업체인 여러분 간의 협업을 통해 만들어집니다. 앱 개발자는 기본 앱 아이콘, 브랜드 이미지, 그리고 맞춤형 강조 색상(밝은 색상 및 어두운 색상 포함)을 제공합니다.
이러한 아이콘의 크기, 모양 및 비율을 사용자 지정하여 하드웨어 및 디자인 시스템에 맞도록 조정할 수 있습니다.
시스템 전체에서 아이콘 표시 방식을 조정하는 다양한 방법을 살펴보겠습니다.
1. 글로벌 크기 및 형태
라이브러리에서 지정한 크고 작은 아이콘의 정확한 픽셀 크기를 정의할 수 있습니다. 이를 통해 특정 터치 영역 요구 사항에 맞춰 아이콘 크기를 조정할 수 있습니다. 또한 아이콘이 원형, 사각형 또는 차량 테마에 맞는 사용자 지정 모양으로 표시될지 여부를 결정하여 컨테이너를 사용자 지정할 수 있습니다.
2. 미디어 및 시스템 아이콘 제어
특정 기능 아이콘의 표시 방식을 사용자 지정할 수도 있습니다.
- 표준 동작:
CarMediaCommon라이브러리를 대상으로 하는 런타임 리소스 오버레이(RRO)를 사용하여 재생, 일시 정지 또는 정지와 같은 표준 재생 동작에 대한 아이콘을 사용자 지정할 수 있습니다. - 콘텐츠 형식 아이콘: 앱에서 제공하는 벡터 드로어블을 렌더링해야 하지만, 기본 재생 화면에는 큰 버전을, 최소화된 바와 같은 보조 화면에는 작은 버전을 사용할 수 있습니다.
- 앱 선택 버튼: 시스템의 앱 선택 버튼에 현재 미디어 소스 로고를 사용하려면
use_media_source_logo_for_app_selector플래그를true로 설정할 수 있습니다.
3. 런처에서 타사 아이콘 처리하기
앱 그리드나 런처를 디자인할 때는 운전자가 앱의 출처를 식별할 수 있도록 해당 앱의 콘텐츠가 표시될 때마다 앱 아이콘을 표시해야 합니다. 타사 로고 자체는 변경할 수 없지만, 배경이나 로고가 있는 타일을 사용자 지정하여 런처 전체에 통일된 디자인을 만들 수 있습니다.
디자인 가이드
운전 경험을 최상으로 유지하려면 아이콘을 사용자 지정할 때 다음 원칙을 따르세요.
- 가시성: 사용자가 콘텐츠 출처를 쉽게 알아볼 수 있도록 앱 바, 앱 헤더 또는 앱 선택기 UI에 앱 아이콘을 명확하게 표시하십시오.
- 명암 대비: 아이콘과 배경 사이의 명암비를 최소 4.5:1로 유지하여 가독성을 높이십시오.
- 앱 강조 색상: 기본 색상을 인테리어에 맞춰 조정할 수도 있지만, 앱의 브랜드 정체성을 강화하기 위해 진행 표시기나 버튼에 앱에서 제공하는 강조 색상을 사용하는 것을 고려해 보세요.
- 터치 영역: 모든 아이콘 기반 버튼의 최소 터치 영역 크기가 76 x 76 dp 이상인지 확인하십시오.