시각적 원칙

차량 화면용으로 디자인된 콘텐츠는 읽기 쉽고 눈에 잘 띄어야 하며, 일관된 UI와 운전자가 모든 시청 조건에서 식별할 수 있는 큰 터치 영역을 포함해야 합니다.

이 섹션에서는 다음 작업을 수행하는 방법을 설명합니다.


콘텐츠를 읽기 쉽게 만들기

운전자가 화면의 콘텐츠를 빠르게 확인하고 파악할 수 있도록 운전 중에 콘텐츠를 쉽게 읽을 수 있도록 표시해야 합니다.

읽기 쉬운 글꼴 표시

시각적으로 표시된 기본 및 보조 텍스트는 글꼴 및 크기 측면에서 자동차용 Android 가이드라인에 부합해야 합니다. 기본 텍스트는 일반적으로 노래 제목이나 연락처 이름과 같이 의사 결정에 필요한 정보에 사용되며 32dp여야 합니다. 보조 텍스트는 일반적으로 아티스트 이름이나 통화 유형 (예: '모바일')과 같은 지원 정보에 사용되며 24dp여야 합니다.

텍스트 길이 제한

로마 알파벳을 사용하는 텍스트 항목은 구두점과 공백을 포함하여 120자를 초과할 수 없습니다. (참고: 앞의 문장은 101자(영문 기준)입니다.) 일본어 텍스트 항목은 로마자, 가나 또는 간지를 합쳐 총 31자를 초과해서는 안 됩니다.

텍스트, 아이콘, 배경의 대비율 따르기

아이콘, 텍스트 및 기타 이미지의 대비율이 4.5:1 이상이어야 합니다. 이 요구사항은 로터리 입력에서 선택된 항목 등을 포함하여 정보를 전달하는 모든 표시된 항목에 적용됩니다. 그러나 중복된 정보 (예: 동일한 의미를 전달하는 아이콘 및 텍스트)가 제공되는 경우 하나의 요소만 대비 가이드라인을 충족하면 됩니다. 로터리 입력의 경우 배경에 강조 표시되는 대비 가이드라인을 충족해야 합니다.

야간에도 한눈에 확인할 수 있습니다.

낮에 표시되는 콘텐츠의 극성은 양수 (밝은 배경에 어두운 텍스트) 또는 음수 (어두운 배경에 밝은 텍스트)일 수 있지만, 야간에 표시되는 콘텐츠는 음의 극성이어야 합니다.


대상을 터치하기 쉽게 만듭니다.

운전자가 화면에서 너무 작거나 서로 가까운 타겟을 터치하려고 하면 주의가 산만해지거나 실수를 할 수 있습니다.

적절한 크기의 터치 영역 표시

터치 영역은 최소 76 x 76dp인 Android Automotive 가이드라인을 준수해야 합니다. 특수한 경우 차량 상하 진동을 더 잘 수용하도록 전체 영역을 동일하게 유지하면서 너비를 약간 희생하고 높이로 할 수 있습니다.

터치 영역 중복 방지

터치 영역은 서로 겹쳐서는 안 됩니다. 확대/축소 옵션은 타겟을 분리하여 중복 문제를 완화하는 데 도움이 될 수 있습니다. 가능하면 터치 영역 사이에 23dp 이상의 공간을 두세요.


UI 요소의 일관성 유지

운전자가 화면에 표시되는 옵션을 빠르게 이해할 수 있도록 사용자 인터페이스는 명확하고 일관되어야 합니다.

일관된 지도 아이콘, 용어, 상호작용 패턴 사용

아이콘과 용어는 기능에 일대일로 일관성 있게 매핑되어야 합니다. 마찬가지로 상호작용 패턴은 일관되고 예측 가능해야 합니다.

작동 중의 활성 및 비활성 기능 확인

인터페이스에서 허용되지 않는 기능과 허용되지 않는 기능을 명확하게 구분해야 합니다(예: 주의를 산만하게 하는 미디어 콘텐츠를 어둡게 하기). 또한 인터페이스는 운전 중에만 사용하는 기능과 운전 중이지 않을 때에만 사용하는 기능을 구분해야 합니다. 예를 들어 운전 중에는 검색창을 숨겨야 합니다.