Personalizza le icone delle app

La libreria di app Android per auto offre un framework basato su modelli che bilancia l'identità del marchio di un'app di terze parti con il design esclusivo del tuo veicolo. Mentre Google standardizza la struttura generale per la sicurezza, puoi personalizzare dimensioni, forma e proporzioni delle icone delle app per creare un'esperienza coerente.

Cosa puoi personalizzare?

L'iconografia nella libreria è frutto della collaborazione tra lo sviluppatore dell'app e te, il produttore dell'auto. Gli sviluppatori forniscono le icone di base, le immagini del brand e i colori di accento personalizzati (incluse varianti chiare e scure).

È possibile personalizzare le dimensioni, la forma e le proporzioni specifiche di queste icone per garantire che si adattino al proprio hardware e al sistema di progettazione.

Ecco uno sguardo ai diversi modi in cui puoi modificare l'aspetto delle icone nel sistema:

1. Dimensioni e forme globali

Puoi definire le dimensioni esatte in pixel per le icone grandi e piccole designate dalla libreria. Questo ti consente di ridimensionare le icone in base alle tue specifiche esigenze di touch-target. Puoi anche personalizzare i contenitori, decidendo se le icone devono apparire in cerchi, quadrati o forme personalizzate per adattarsi al tema della tua auto.

2. Controlli delle icone multimediali e di sistema

È anche possibile personalizzare il rendering di icone funzionali specifiche:

• Azioni standard: è possibile personalizzare le icone per le azioni di riproduzione standard (come riproduzione, pausa o arresto) utilizzando sovrapposizioni di risorse di runtime (RRO) destinate alla libreria CarMediaCommon .
• Icone del formato del contenuto: è necessario eseguire il rendering dei disegni vettoriali forniti dalle app, ma è possibile scegliere di utilizzare la versione grande per le visualizzazioni di riproduzione principali e la versione piccola per le visualizzazioni secondarie, come una barra ridotta a icona.
• Pulsante di selezione delle app: per utilizzare il logo della sorgente multimediale corrente per il pulsante di selezione delle app del tuo sistema, puoi impostare il flag use_media_source_logo_for_app_selector su true .

3. Gestione delle icone di terze parti nel launcher

Quando si progetta una griglia o un launcher di app, è necessario visualizzare l'icona dell'app ogni volta che il contenuto dell'app è visibile, in modo che i driver possano identificarne la fonte. Sebbene non sia possibile modificare il logo di terze parti, è possibile personalizzare lo sfondo o il riquadro su cui si trova per creare un aspetto uniforme in tutto il launcher.

Guida alla progettazione

Per mantenere un'esperienza di guida di alta qualità, segui questi principi quando personalizzi le icone:

• Visibilità: visualizza chiaramente l'icona dell'app nella barra delle app, nell'intestazione dell'app o nell'interfaccia utente del selettore dell'app per garantire che gli utenti riconoscano la fonte del contenuto.
• Contrasto: mantenere un rapporto di contrasto di almeno 4,5:1 tra le icone e il loro sfondo per una migliore leggibilità.
• Colori di accento delle app: sebbene sia possibile regolare i colori predefiniti per adattarli agli interni, è consigliabile utilizzare i colori di accento forniti dall'app negli indicatori di avanzamento o nei pulsanti per rafforzare l'identità del marchio.
• Target touch: verificare che tutti i pulsanti basati su icone mantengano una dimensione minima del target touch di almeno 76 x 76 dp.