부록 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

구성요소

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

요소 설명

툴바

 너비는 'W' 문자 20자 이상으로 구성된 제목 문자열을 표시할 수 있을 만큼 충분히 넓어야 합니다(SHOULD).

선호

 너비는 'W' 문자 20자 이상으로 구성된 제목 문자열을 표시할 수 있을 만큼 충분히 넓어야 합니다(SHOULD).

앱 스타일 보기

해야한다:

  • 최소 672개의 밀도 독립적 픽셀(dp)을 표시할 수 있을 만큼 넓습니다.
  • 최소 672dp를 표시할 수 있을 만큼 충분히 큽니다.

공들여 나열한 것

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

위치 대화상자

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

요소 설명
제목 38자 이상의 'W' 문자로 구성된 문자열을 표시할 수 있을 만큼 너비가 넓어야 합니다.
몸

완전히 표시되어야 하며 다음을 표시할 수 있을 만큼 커야 합니다.

  • 최소 270자의 "W" 문자로 구성될 수 있는 문자열입니다.
  • 최소 4줄의 텍스트입니다.
클릭 유도 문구(CTA)

CTA는 완전히 표시되어야 합니다.

  • 대화 상자는 최소 2개의 CTA를 표시할 수 있을 만큼 넓어야 합니다.
  • 제목은 최소 9개의 "W" 문자로 구성된 문자열을 표시할 수 있을 만큼 넓어야 합니다.

설정 화면

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

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

다음과 같아야 합니다.

  • 12자 이상의 "W" 문자로 구성된 문자열을 표시할 수 있을 만큼 넓습니다.
  • 높이는 76dp 이상입니다.