Setelah menentukan urutan template untuk tugas aplikasi, Anda dapat menyesuaikan konten setiap template dan beberapa gaya untuk aplikasi.
Untuk mempelajari aspek desain visual keseluruhan yang dapat Anda sesuaikan, lihat Penyesuaian desain visual, yang mencakup Contoh penyesuaian aplikasi. Untuk aplikasi versi AAOS, perlu diketahui bahwa OEM kendaraan dapat menyesuaikan gaya agar sesuai dengan kendaraan mereka, seperti yang ditunjukkan dalam Contoh penyesuaian OEM kendaraan.
Untuk mempelajari opsi penyesuaian untuk template tertentu, lihat Template.
Penyesuaian desain visual
Meskipun library aplikasi menentukan tata letak template dan gaya default, desainer aplikasi dan OEM kendaraan berkontribusi pada aspek visual desain kustom.
| Aspek UI | Yang ditentukan oleh library | Aplikasi yang menentukan atau menyesuaikan | Hal yang dapat disesuaikan oleh OEM kendaraan |
|---|---|---|---|
| Gambar dan ikonografi | Ikonografi untuk elemen standar, seperti tombol kembali dan pemintal pemuatan | Aplikasi menyediakan semua gambar dan ikonografi (lihat Ikon material dan Spesifikasi ikon Google Play), kecuali sebagaimana tercantum di sebelah kiri | |
| Tata letak, ukuran, dan bentuk | Tata letak default, ukuran, dan bentuk semua elemen (defaultnya adalah standar di aplikasi versi Android Auto) |
|
Penyesuaian ukuran, bentuk, lokasi tombol, dan proporsi elemen template di aplikasi versi AAOS (atau contohnya, ukuran yang tepat untuk gambar dan ikon "besar" dan "kecil" di kendaraan) |
| Tipografi dan panjang teks | Jenis dan ukuran font di aplikasi versi Android Auto (lihat Tipografi) | Varian string teks yang lebih panjang dan lebih pendek , dalam beberapa kasus, untuk mengakomodasi jumlah ruang yang berbeda di berbagai layar mobil | Jenis dan ukuran font di aplikasi versi AAOS |
| Warna | Warna default di aplikasi versi Android Auto (kecuali yang disediakan oleh aplikasi, yang tercantum di sebelah kanan) | Warna penanda daftar tempat, beberapa elemen teks, dan beberapa warna latar belakang (tinjau bagian berikutnya, Penyesuaian warna untuk mengetahui informasi selengkapnya). | Penyesuaian pada warna default & yang disediakan aplikasi sesuai kebutuhan agar serasi dengan UI kendaraan di aplikasi versi AAOS |
Penyesuaian warna
Aplikasi dapat memberikan warna untuk elemen template tertentu, seperti yang tercantum dalam daftar berikut. Untuk aplikasi versi AAOS, OEM kendaraan dapat melakukan beberapa penyesuaian.
Aplikasi dapat menyesuaikan hal berikut:
- Warna teks di baris sekunder daftar baris (pembuat mobil mengontrol warna baris utama untuk AAOS)
- Warna teks tombol
- Warna latar belakang tombol (kecuali di panel tindakan dan panel tindakan peta)
- Warna penanda daftar tempat
- Elemen kartu rute: warna latar belakang, gambar, dan warna nilai durasi dalam perkiraan perjalanan (dalam Persyaratan template navigasi)
- Notifikasi belokan demi belokan (warna latar belakang)
Contoh komponen template yang disesuaikan ditampilkan di Contoh penyesuaian aplikasi dan Contoh penyesuaian OEM kendaraan.
Memilih warna untuk aplikasi
Untuk sebagian besar gaya kustom (selain pengecualian yang disebutkan di bagian sebelumnya), aplikasi memiliki opsi warna berikut:
- Menyediakan hingga 2 warna aksen kustom (dengan varian terang dan gelap, untuk diterapkan sebagaimana mestinya oleh Android Auto, atau oleh OEM kendaraan untuk aplikasi versi AAOS)
- Pilih dari 4 warna Android untuk Mobil standar (versi saat ini ditampilkan di sebelah kanan; warna ini dapat berubah pada masa mendatang)
Penggunaan warna yang bijak membantu memfokuskan maksud desain. Berhati-hatilah saat menggunakan warna yang tidak memiliki fungsi.
Contoh penyesuaian aplikasi
Contoh penyesuaian OEM kendaraan
Contoh ini menunjukkan penyesuaian gaya tambahan yang mungkin diterapkan OEM kendaraan ke aplikasi versi AAOS. Meskipun warna kartu rute berasal dari aplikasi, OEM kendaraan menyesuaikan font, tema, dan bentuk untuk kartu rute, tombol, dan kartu perkiraan waktu tiba. Mereka juga dapat menyesuaikan lebar tombol, seperti yang ditunjukkan di bagian Menyesuaikan tombol.
Menyesuaikan lebar, warna, dan bentuk tombol
Contoh ini menyoroti cara OEM dapat menyesuaikan lebar, warna, dan bentuk tombol, dalam versi AAOS aplikasi.
Untuk tombol yang ditetapkan aplikasi sebagai tombol utama, OEM dapat memutuskan apakah akan menggunakan warna aksen aplikasi atau warna aksennya sendiri. Mereka juga dapat memilih apakah akan meletakkan tombol utama di kiri atau di kanan, untuk menyesuaikan situasi seperti kendaraan dengan kemudi kanan.
