앱 맞춤설정

앱 작업의 템플릿 시퀀스를 결정한 후 각 템플릿의 콘텐츠와 앱의 일부 스타일을 맞춤설정할 수 있습니다.

전반적인 시각적 디자인에서 맞춤설정할 수 있는 측면에 대해 알아보려면 앱 맞춤설정 예가 포함된 시각적 디자인 맞춤설정을 참고하세요. 앱의 AAOS 버전의 경우 차량 OEM이 차량 OEM 맞춤설정 예에 표시된 대로 차량에 맞게 스타일을 조정할 수 있습니다.

특정 템플릿의 맞춤설정 옵션에 대해 알아보려면 템플릿을 참고하세요.

시각 디자인 맞춤설정

앱 라이브러리에서 템플릿 레이아웃과 기본 스타일을 결정하는 반면 앱 디자이너와 차량 OEM은 모두 시각적 디자인의 맞춤 측면에 기여합니다.

UI 측면 라이브러리에서 결정하는 사항 앱에서 결정하거나 맞춤설정하는 항목 자동차 OEM이 맞춤설정할 수 있는 항목
이미지 및 아이콘 뒤로 버튼, 로드 스피너와 같은 표준 요소의 아이콘 앱은 왼쪽에서 설명한 경우를 제외하고 모든 이미지와 아이콘을 제공합니다 (머티리얼 아이콘 Google Play 아이콘 사양 참고).
레이아웃, 크기 조정, 모양 기본 레이아웃과 모든 요소의 크기 및 모양 (기본값은 앱의 Android Auto 버전에서 표준임)
  • 이미지와 아이콘이 '큼'인지 '작음'인지
  • 뷰를 전환하기 위해 특정 템플릿 상단에 이 표시되는지 여부
  • 클러스터에 두 번째 지도가 표시되는지 여부( 탐색 템플릿만 해당)
AAOS 버전의 앱에서 템플릿 요소의 크기, 모양, 버튼 위치, 비율 조정 (예: 차량의 '대형' 및 '소형' 이미지와 아이콘의 정확한 크기 조정)
서체 및 텍스트 길이 앱의 Android Auto 버전의 글꼴 모음 및 크기 ( 서체 참고) 다양한 자동차 화면의 공간을 수용하기 위해 경우에 따라 텍스트 문자열의 긴 버전과 짧은 버전 앱의 AAOS 버전의 글꼴 모음 및 크기
색상 앱의 Android Auto 버전의 기본 색상 (오른쪽에 표시된 앱에서 제공하는 색상 제외) 장소 목록 마커, 일부 텍스트 요소, 일부 배경 색상 (자세한 내용은 다음 섹션인 색상 맞춤설정 참고) 앱의 AAOS 버전에서 차량 UI와 혼합하기 위해 필요에 따라 기본 색상과 앱 제공 색상 조정

색상 맞춤설정

앱은 다음 목록에 나온 대로 특정 템플릿의 요소에 색상을 제공할 수 있습니다. 앱의 AAOS 버전의 경우 차량 OEM이 일부 조정할 수 있습니다.

앱은 다음을 맞춤설정할 수 있습니다.

맞춤설정된 템플릿 구성요소의 예는 앱 맞춤설정 예차량 OEM 맞춤설정 예에 나와 있습니다.

앱 색상 선택

대부분의 맞춤 스타일 (이전 섹션에 언급된 예외 제외)의 경우 앱에는 다음과 같은 색상 옵션이 있습니다.

  • 최대 2개의 맞춤 강조 색상 제공 (Android Auto 또는 차량 OEM이 AAOS 버전 앱에 적절하게 적용할 수 있도록 밝은 변형과 어두운 변형 포함)
  • 4가지 표준 Android for Cars 색상 중에서 선택 (현재 버전은 오른쪽에 표시됨, 향후 변경될 수 있음)

자동차용 Android 앱의 표준 색상
그림 1. 표준 색상
자동차용 Android 앱의 강조 색상
그림 2. 샘플 강조 색상

색상을 적절히 사용하면 디자인의 의도를 명확하게 전달할 수 있습니다. 기능을 제공하지 않는 색상을 사용할 때는 주의해야 합니다.

앱 맞춤설정 예

앱 맞춤설정 예
그림 3. 앱 맞춤설정의 예

차량 OEM 맞춤설정 예

이 예에서는 차량 OEM이 앱의 AAOS 버전에 적용할 수 있는 추가 스타일 맞춤설정을 보여줍니다. 라우팅 카드의 색상은 앱에서 가져오지만 차량 OEM은 라우팅 카드, 버튼, 도착 예정 시간 카드의 글꼴, 테마, 모양을 맞춤설정합니다. 버튼 맞춤설정에 표시된 대로 버튼 너비를 조정할 수도 있습니다.

자동차용 Android 앱의 표준 색상
그림 4. OEM 주간 탐색 뷰
자동차용 Android 앱의 강조 색상
그림 5. OEM 야간 탐색 뷰

버튼 너비, 색상, 모양 맞춤설정

이 예에서는 OEM이 앱의 AAOS 버전에서 버튼 너비, 색상, 모양을 맞춤설정하는 방법을 강조합니다.

앱에서 기본 버튼으로 지정한 버튼의 경우 OEM은 앱 강조 색상 또는 자체 강조 색상을 사용할지 결정할 수 있습니다. 또한 오른손잡이 운전 차량과 같은 상황을 고려하여 기본 버튼을 왼쪽 또는 오른쪽에 배치할지 선택할 수 있습니다.

OEM 버튼의 표준 색상
그림 6. 표준 색상의 기본 버튼 예시(왼쪽)
OEM 버튼의 맞춤 색상
그림 7. 맞춤 색상이 적용된 오른쪽 기본 버튼의 예