부록 B, 맞춤설정

자동차 UI 맞춤설정이 의도한 대로 작동하도록 하려면 아래 설명된 항목을 준수해야 합니다.

일반

이 섹션의 제한사항은 레이아웃과 관계없이 적용됩니다.

요소 설명

서체
  • 탭 텍스트 라벨의 너비는 6자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
  • 텍스트 컨테이너의 높이는 하나의 'H' 문자를 완전히 표시할 만큼 충분해야 합니다.
  • 텍스트 크기는 내림차순으로 표시되어야 합니다. 예를 들면 다음과 같습니다.

    car_ui_body_1 > car_ui_body_2 > car_ui_body_3

대비
  • 전경(텍스트)과 배경의 대비는 4.5:1 이상이어야 합니다.
  • 버튼 색상과 배경의 대비는 3:1 이상이어야 합니다.
  • 탭이 선택된 상태와 배경의 대비는 4.5:1 이상이어야 합니다.
  • 탭이 선택된 상태와 선택 해제된 상태의 대비는 3:1 이상이어야 합니다.

기타
  • 모든 아이콘은 벡터 드로어블이어야 합니다.
  • 터치 영역의 너비는 76dp 이상이어야 합니다.
  • 패딩 상수는 내림차순으로 표시되어야 합니다. 예를 들면 다음과 같습니다.
    car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2

구성요소

아래에 제공된 값은 특정 구성요소에 적용됩니다.

요소 설명

툴바

 너비는 20자 이상의 'W'로 구성된 제목 문자열을 표시하기에 충분해야 합니다.

환경설정

 너비는 20자 이상의 'W'로 구성된 제목 문자열을 표시하기에 충분해야 합니다.

앱 스타일 뷰

다음을 충족해야 합니다.

  • 너비가 최소 672 밀도 독립형 픽셀(dp)을 표시하기에 충분합니다.
  • 높이가 최소 672dp를 표시하기에 충분합니다.

레이아웃

이 섹션의 제한사항은 자동차 UI 라이브러리 구성요소의 특정 레이아웃 및 조합에 관한 것입니다. 일련의 고유한 사례가 관찰되어 새로운 패턴으로 일반화되었습니다.

위치 대화상자

자동차 UI 라이브러리 구성요소로 구성되고 전체 콘텐츠 가시성을 보장하도록 테스트된 Google Play 서비스 위치 대화상자와 동일한 콘텐츠를 포함하는 테스트 대화상자:

요소 설명
제목 너비는 38자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
본문

본문은 전체가 다 보여야 하며 다음을 표시할 만큼 커야 합니다.

  • 'W' 270자 이상으로 구성될 수 있는 문자열
  • 텍스트는 4줄 이상이어야 합니다.
클릭 유도 문구(CTA)

CTA는 전체가 다 보여야 합니다.

  • 대화상자의 너비는 2개 이상의 CTA를 표시할 만큼 충분해야 합니다.
  • 제목의 너비는 9자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.

설정 화면

테스트 설정 화면은 아래에 설명된 앱 바, 하위 헤더, 목록 요소 구성요소로 구성됩니다.

요소 설명
앱 바
  • 제목의 너비는 12자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
  • 높이는 76dp 이상이어야 합니다.
하위 헤더 너비는 12자 이상의 'W'로 구성된 문자열을 표시할 만큼 충분해야 합니다.
목록 요소

다음을 충족해야 합니다.

  • 너비가 'W' 12자 이상으로 구성된 문자열을 표시하기에 충분해야 합니다.
  • 높이가 76dp 이상이어야 합니다.