시스템 환경

시스템 환경, 앱 환경, 추가 기능에 집중하여 인물 사진 참조 환경을 설계합니다.

세로 모드 참조 디자인은 홈 화면을 기준으로 하며 다음 영구 시스템 UI 요소를 포함합니다.

홈 화면

홈 화면은 운전자에게 모든 컨트롤에 쉽게 액세스할 수 있는 포괄적인 시작점을 제공합니다. 대부분의 운전자 요구사항을 충족하므로 운전자는 앱 간에 전환하는 대신 도로 탐색에 집중할 수 있습니다.

이 화면을 나가지 않고도 운전자는 다음 항목에 액세스할 수 있습니다.

  • 상단의 상태 표시줄: 빠른 컨트롤과 프로필 선택기가 표시됩니다.
  • 화면 본문의 기본 레이어로, 일반적으로 탐색 앱을 실행합니다.
  • 하단의 제어 및 시스템 탐색 메뉴
홈 화면 보기

컨트롤 바

제어 막대에는 미디어 (동영상 및 음악), 팟캐스트, 블루투스, 라디오, 활성 통화의 컨트롤이 있습니다.

미디어 및 전화 앱의 경우 컨트롤 바가 화면 하단의 탐색 메뉴 위에 있습니다. 사용자가 수신 전화를 수락하면 컨트롤이 미디어에서 활성 전화 통화로 변경됩니다.

미디어 제어

미디어 컨트롤을 사용하면 재생, 일시중지, 되감기, 빨리 감기를 할 수 있습니다. 또한 사용자가 즐겨찾기를 표시하고 추가 맞춤 컨트롤에 액세스할 수 있습니다(있는 경우).

표준 미디어 컨트롤
확장된 미디어 컨트롤

활성 전화 통화 컨트롤

전화 제어를 사용하면 스피커를 음소거하고 블루투스로 전환하며 통화를 취소할 수 있습니다.

휴대전화 제어

상태 표시줄

상태 표시줄은 화면 상단에 표시되며 프로필 선택기, 빠른 제어, 시간 및 날씨 정보를 호스팅합니다.

상태 표시줄 요소

  1. 빠른 제어:
    1. 블루투스: 블루투스 상태
    2. 연결: Wi-Fi, 모바일 네트워크, 핫스팟
    3. 밝기 표시: 사용자가 화면 밝기 수준을 조정할 수 있습니다.
  2. 시계: 현재 시간을 디지털로 표시
  3. 날씨 정보: 외부 온도를 표시합니다.
  4. 프로필 선택기: 현재 사용 중인 사용자 프로필을 표시하고 필요한 경우 사용자가 다른 프로필을 선택할 수 있도록 지원합니다.

상태 표시줄의 요소는 좌측 운전석과 우측 운전석 자동차에서 동일한 순서로 표시됩니다.

사용자는 설정에서 날씨 표시를 사용 설정하거나 사용 중지할 수 있습니다.

상태 표시줄 맞춤설정에 관한 권장사항 및 안내는 상태 표시줄 권장사항을 참고하세요.

빠른 컨트롤

상태 표시줄의 빠른 제어를 사용하면 블루투스, 연결, 디스플레이 밝기에 쉽게 액세스할 수 있습니다.

블루투스 제어
연결 제어
디스플레이 설정

프로필 선택기

상태 표시줄의 프로필 선택기를 사용하면 프로필을 빠르게 선택하고 단축키로 프로필 설정에 액세스할 수 있습니다.

프로필 메뉴가 있는 프로필 선택기

상태 표시줄 권장사항

앱 개발자를 위한 권장사항:

  • 투명도를 사용하여 앱 콘텐츠가 가려지지 않도록 함: 앱이 상태 표시줄 아래에 완전히 배치되지 않고 부분적으로 뒤에 배치되는 경우 앱 개발자는 상태 표시줄을 투명하게 유지해야 합니다.
  • 전략적으로 색상 적용: 앱이 상태 표시줄 아래에 완전히 있는 경우 앱 개발자는 상태 표시줄의 색상을 선택해야 합니다.

시스템 탐색 메뉴

시스템 탐색 메뉴에는 앱 런처, 디지털 어시스턴트, 알림 센터, 편안함 컨트롤의 컨트롤이 있습니다.

시스템 탐색 메뉴는 화면 하단에 있으며 다음 컨트롤을 표시합니다.

시스템 탐색 메뉴 요소

  1. 실내 온도: 자동차 내부 온도
  2. 앱 런처: 운전자가 사용할 수 있는 앱
  3. 디지털 어시스턴트: 선택한 디지털 어시스턴트(예: Google 어시스턴트)에 대한 액세스
  4. 알림 센터: 알림 센터에 대한 액세스 권한
  5. 온도 조절: 차량의 온도 조절 시스템에 대한 액세스

시스템 탐색 메뉴 맞춤설정에 관한 안내는 시스템 탐색 메뉴 맞춤설정을 참고하세요.

앱 런처

앱 런처는 기본 앱 공간에 표준 앱 런처 그리드 뷰로 표시됩니다. 앱은 A~Z 순으로 정렬됩니다. 사용자는 선호도에 따라 앱을 재정렬할 수 있습니다.

앱 런처

디지털 어시스턴트

탭하면 이 어포던스가 음성 통신을 위해 현재 활성 상태인 디지털 어시스턴트를 호출합니다.

디지털 어시스턴트

알림 센터

알림 센터에서는 사용자를 읽은 알림 메시지와 읽지 않은 알림 메시지 등 저장된 모든 알림 메시지로 안내합니다.

알림 센터

냉난방/공기청정 설정

온도 조절 아이콘을 사용하면 자동차의 온도 조절 시스템에 쉽게 액세스할 수 있습니다.

확장된 냉난방 제어

추가 기능

시스템 환경과 앱 환경 모두에 적용되는 세로 모드 참조 디자인의 추가 기능에는 음성 레이어와 테마가 포함됩니다.

음성 레이어

음성 레이어는 모든 레이어와 제어 및 시스템 탐색 메뉴 위에 있는 투명한 레이어입니다.

Google 어시스턴트와 같이 시스템에 통합된 모든 유형의 디지털 어시스턴트를 실행할 수 있습니다.

테마

밝기 조건에 따라 사용할 수 있는 테마는 두 가지입니다.

어두운 테마
밝은 테마

야간이나 조명이 어두운 상황에서 어두운 테마를 사용하여 눈부심을 줄입니다. 야간 시인성에 대해 자세히 알아보세요.

밝은 테마를 사용하면 운전자와 승객이 직사광선 아래에서 자동차 화면을 볼 수 있습니다. 시스템 탐색은 하드웨어와 조화를 이루도록 검은색으로 유지할 수 있습니다.