Fokus pada pengalaman sistem, pengalaman aplikasi, dan fitur tambahan untuk mendesain pengalaman referensi potret.
Desain referensi potret ditambatkan oleh Layar utama dan menyertakan elemen UI sistem persisten ini:
Layar utama
Layar utama menyediakan titik awal yang lengkap untuk pengemudi, dengan semua kontrol mudah diakses. Aplikasi ini cukup memenuhi kebutuhan sebagian besar pengemudi, sehingga pengemudi dapat fokus pada rute, bukan berpindah-pindah aplikasi.
Tanpa keluar dari layar ini, pengemudi dapat mengakses:
- Status bar di bagian atas menampilkan kontrol cepat dan pemilih profil
- Lapisan dasar dalam isi layar, biasanya menjalankan aplikasi navigasi
- Menu navigasi dan kontrol di bagian bawah
![Tampilan layar utama](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=6&hl=id)
Panel kontrol
Panel kontrol menghosting kontrol untuk media (video dan musik), podcast, Bluetooth, radio, dan panggilan aktif.
Untuk aplikasi media dan ponsel, panel kontrol berada di atas menu navigasi di paruh bawah layar. Kontrol berubah dari media menjadi panggilan telepon aktif saat pengguna menerima panggilan masuk.
Kontrol media
Kontrol media menyediakan kemampuan untuk memutar, menjeda, memutar ulang, dan memajukan. API tersebut juga memungkinkan pengguna menandai favorit dan mengakses kontrol kustom tambahan, jika ada.
![Kontrol media standar](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=6&hl=id)
![Kontrol media yang diperluas](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=6&hl=id)
Kontrol panggilan telepon aktif
Kontrol ponsel menyediakan kemampuan untuk membisukan speaker, beralih ke Bluetooth, dan membatalkan panggilan.
Status bar
Status bar muncul di bagian atas layar dan menghosting pemilih profil, kontrol cepat, serta informasi waktu dan cuaca.
- Kontrol cepat:
- Bluetooth: Status Bluetooth
- Konektivitas: Wi-Fi, jaringan seluler, dan hotspot
- Tampilan kecerahan: Memungkinkan pengguna menyesuaikan tingkat kecerahan layar
- Jam: Tampilan digital waktu saat ini
- Informasi cuaca: Menampilkan suhu eksterior
- Pemilih profil: Menampilkan profil pengguna yang digunakan saat ini dan memungkinkan pengguna memilih profil yang berbeda jika diperlukan
Elemen status bar muncul dalam urutan yang sama untuk mobil mengemudi kiri dan kanan.
Pengguna dapat mengaktifkan dan menonaktifkan tampilan cuaca di Setelan.
Untuk praktik terbaik dan panduan tentang menyesuaikan status bar, lihat Praktik terbaik status bar.
Kontrol cepat
Kontrol cepat di status bar memberikan akses mudah ke Bluetooth, konektivitas, dan kecerahan layar.
![Kontrol Bluetooth](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=6&hl=id)
![Kontrol konektivitas](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=6&hl=id)
![Setelan tampilan](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=6&hl=id)
Pemilih profil
Pemilih profil di status bar memungkinkan pemilihan profil dengan cepat dan akses ke setelan profil dengan pintasan.
![Pemilih profil dengan menu profil](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=6&hl=id)
Praktik terbaik status bar
Praktik terbaik untuk developer aplikasi:
- Gunakan transparansi untuk menghindari menutupi konten aplikasi: Jika aplikasi diposisikan sebagian di belakang status bar, bukan sepenuhnya di bawahnya, developer aplikasi harus membiarkan status bar transparan.
- Terapkan warna secara strategis: Jika aplikasi sepenuhnya berada di bawah status bar, developer aplikasi harus memilih warna untuk status bar.
Menu navigasi sistem
Menu navigasi sistem menghosting kontrol untuk peluncur aplikasi, asisten digital, Notification Center, dan kontrol kenyamanan.
Menu navigasi sistem berada di bagian bawah layar dan menampilkan kontrol berikut:
- Suhu kabin: Suhu dalam mobil
- Peluncur aplikasi: Aplikasi yang tersedia untuk pengemudi
- Asisten digital: Akses ke asisten digital yang dipilih, seperti Asisten Google
- Pusat Notifikasi: Akses ke Pusat Notifikasi
- Pengendalian iklim: Akses ke sistem kontrol iklim di kendaraan
Untuk panduan tentang menyesuaikan menu navigasi sistem, lihat Penyesuaian menu navigasi sistem.
Peluncur aplikasi
Peluncur aplikasi ditampilkan di ruang aplikasi utama, dalam tampilan petak peluncur aplikasi standar. Aplikasi diurutkan dari A sampai Z. Pengguna dapat mengurutkan ulang aplikasi berdasarkan preferensi mereka.
![Peluncur aplikasi](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=6&hl=id)
Asisten digital
Saat diketuk, kemampuan ini memanggil asisten digital yang saat ini aktif untuk komunikasi suara.
Pusat Notifikasi
Notification Center akan mengarahkan pengguna ke semua pesan notifikasi tersimpan, baik yang telah dibaca maupun belum dibaca.
![Pusat Notifikasi](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=6&hl=id)
Kontrol kondisi udara
Ikon kontrol iklim menyediakan akses mudah ke sistem kontrol iklim mobil.
![Kontrol iklim yang diperluas](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=6&hl=id)
Fitur tambahan
Fitur tambahan dalam desain referensi potret yang berlaku untuk pengalaman sistem dan pengalaman aplikasi mencakup lapisan suara dan tema.
Lapisan suara
Lapisan suara adalah lapisan transparan yang berada di atas semua lapisan serta di atas menu kontrol dan navigasi sistem.
Dapat menjalankan jenis asisten digital apa pun yang terintegrasi ke dalam sistem, seperti Asisten Google.
Tema
Dua tema tersedia untuk digunakan berdasarkan kondisi cahaya.
![Tema gelap](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=6&hl=id)
![Tema terang](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=6&hl=id)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=6&hl=id)
Gunakan Tema gelap untuk kondisi malam hari atau cahaya redup untuk mengurangi pantulan cahaya. Pelajari lebih lanjut visibilitas saat malam.
Gunakan Tema terang untuk membantu pengemudi dan penumpang melihat layar mobil saat sinar sinar langsung. Navigasi sistem bisa tetap hitam agar menyatu dengan perangkat keras.