Pelajari cara menerapkan identitas merek unik Anda di seluruh sistem infotainment untuk pengalaman berkendara yang kohesif dan optimal.
Ciptakan tampilan dan nuansa yang kohesif dengan token desain.
Token desain adalah blok bangunan fundamental dari semua elemen UI, memungkinkan Anda untuk mengelola tampilan merek Anda di seluruh sistem tanpa perubahan kode yang memakan waktu.
Miliki satu sumber kebenaran.
Token adalah nilai desain yang dapat digunakan kembali (seperti warna, font, dan dimensi) yang menggantikan kode statis. Dengan mendefinisikan nilai token ini, Anda mendapatkan kendali penuh atas gaya inti sistem dan memastikan identitas merek Anda menjadi satu-satunya sumber kebenaran di setiap aplikasi dalam sistem.
Standardisasikan keputusan desain di seluruh sistem.
Token secara dinamis menerapkan nilai yang disesuaikan di seluruh sistem. Hal ini menghindari perlunya perubahan kode yang mendalam dan memastikan perancang dan insinyur "berbicara dalam bahasa yang sama," menciptakan transisi yang mulus dari desain ke implementasi akhir.
Sesuaikan warna dan tema.
Platform ini memberi Anda kendali atas estetika keseluruhan sambil tetap menjaga standar keselamatan yang penting. Anda dapat menyesuaikan tema dasar dan palet warna melalui overlay sumber daya untuk mencerminkan gaya unik merek Anda.
Dioptimalkan untuk berkendara siang dan malam.
Pada siang hari, Mode Siang (teks gelap pada latar belakang terang) memberikan visibilitas yang lebih baik. Pada malam hari, Mode Malam (teks terang pada latar belakang gelap) memberikan visibilitas yang lebih baik.
Optimalkan rasio kontras agar mudah dilihat sekilas.
Semua elemen harus mempertahankan rasio kontras warna minimum 4,5:1 antara teks dan ikon dengan latar belakang, agar mudah dibaca saat mengemudi.
 |  |
Buat hierarki visual yang jelas antar komponen.
Penting untuk mengurangi waktu yang dihabiskan pengemudi untuk melihat layar. Untuk menciptakan hierarki visual yang mengarahkan pandangan pengemudi ke tempat yang seharusnya, Anda dapat menyesuaikan sudut dan proporsi komponen.
Gunakan sudut membulat untuk penekanan.
Google Built-In menggunakan bentuk dan pembulatan untuk mengkomunikasikan tingkat kepentingan. Sudut yang lebih bulat (radius lebih besar) digunakan untuk tindakan dan komponen utama, sedangkan sudut yang kurang bulat (radius lebih kecil) digunakan untuk elemen yang kurang penting.
Sistem ini menyediakan nilai radius sudut spesifik (misalnya, 0dp, 4dp, 8dp, 16dp, melingkar) yang dapat Anda pilih untuk menyesuaikan ukuran, bentuk, dan proporsi tombol templat agar sesuai dengan tampilan kendaraan Anda.
