Sesuaikan ikon aplikasi

Android for Cars App Library menyediakan kerangka kerja berbasis templat yang menyeimbangkan identitas merek aplikasi pihak ketiga dengan desain kendaraan Anda yang unik. Meskipun Google menstandarisasi struktur keseluruhan untuk alasan keamanan, Anda dapat menyesuaikan ukuran, bentuk, dan proporsi ikon aplikasi untuk menciptakan pengalaman yang kohesif.

Anda dapat memilih apakah ikon aplikasi memiliki sudut membulat atau tidak.

Apa saja yang bisa Anda kustomisasi?

Ikonografi dalam pustaka ini merupakan hasil kolaborasi antara pengembang aplikasi dan Anda, produsen mobil. Pengembang aplikasi menyediakan ikon aplikasi dasar, citra merek, dan warna aksen khusus (termasuk varian terang dan gelap).

Anda dapat menyesuaikan ukuran, bentuk, dan proporsi spesifik ikon-ikon ini untuk memastikan kesesuaiannya dengan perangkat keras dan sistem desain Anda.

Berikut adalah berbagai cara yang dapat Anda gunakan untuk menyesuaikan tampilan ikon di seluruh sistem:

1. Ukuran dan bentuk global

Anda menentukan dimensi piksel yang tepat untuk ikon besar dan kecil yang disediakan oleh pustaka. Ini memungkinkan Anda untuk menyesuaikan skala ikon agar sesuai dengan kebutuhan target sentuh spesifik Anda. Anda juga dapat menyesuaikan wadah, memutuskan apakah ikon harus muncul dalam lingkaran, persegi, atau bentuk khusus agar sesuai dengan tema mobil Anda.

2. Kontrol ikon media dan sistem

Anda juga dapat menyesuaikan tampilan ikon fungsional tertentu:

  • Tindakan standar: Anda dapat menyesuaikan ikon untuk tindakan pemutaran standar (seperti putar, jeda, atau berhenti) menggunakan overlay sumber daya runtime (RRO) yang menargetkan pustaka CarMediaCommon .
  • Ikon format konten: Anda harus merender gambar vektor yang disediakan oleh aplikasi, tetapi Anda dapat memilih untuk menggunakan versi besar untuk tampilan pemutaran utama dan versi kecil untuk tampilan sekunder seperti bilah yang diminimalkan.
  • Tombol pemilih aplikasi: Untuk menggunakan logo sumber media saat ini untuk tombol pemilih aplikasi sistem Anda, Anda dapat mengatur flag use_media_source_logo_for_app_selector ke true .
3. Menangani ikon pihak ketiga di peluncur

Saat mendesain grid atau peluncur aplikasi, Anda harus menampilkan ikon aplikasi setiap kali konten aplikasi tersebut terlihat agar driver dapat mengidentifikasi sumbernya. Meskipun Anda tidak dapat mengubah logo pihak ketiga itu sendiri, Anda dapat menyesuaikan latar belakang atau ubin tempat logo tersebut berada untuk menciptakan tampilan yang seragam di seluruh peluncur Anda.

Panduan desain

Untuk mempertahankan pengalaman berkendara berkualitas tinggi, ikuti prinsip-prinsip berikut saat menyesuaikan ikon:

  • Visibilitas: Tampilkan ikon aplikasi dengan jelas di bilah aplikasi, header aplikasi, atau UI pemilih aplikasi untuk membantu memastikan pengguna mengenali sumber konten.
  • Kontras: Pertahankan rasio kontras minimal 4,5:1 antara ikon dan latar belakangnya agar mudah dibaca.
  • Warna aksen aplikasi: Meskipun Anda dapat menyesuaikan warna default agar menyatu dengan interior ruangan, pertimbangkan untuk menggunakan warna aksen yang disediakan aplikasi pada indikator progres atau tombol untuk memperkuat identitas merek mereka.
  • Target sentuh: Pastikan semua tombol berbasis ikon memiliki ukuran target sentuh minimum setidaknya 76 x 76 dp.