L'applicazione di uno stile efficace ai widget è fondamentale per ottenere un design accattivante e un'esperienza utente coerente. Questa sezione approfondisce i concetti chiave e tecniche per la definizione del colore e tipografia per creare il e widget Android coinvolgenti.
Colore
Usa i colori per esprimere lo stile e comunicare un significato. Impostazione dei colori appropriati per i colori dei widget sono fondamentali per la leggibilità, la personalizzazione e su come esprimere l'identità del brand della tua app.
Usa ruoli e token per il colore dei materiali per rispettare le linee guida sul contrasto di accessibilità e supportano funzionalità di colore dinamiche, come i colori generati dall'utente e i colori scuri temi chiari.
Per ulteriori informazioni, consulta le indicazioni sui colori di Material Design.
Temi dinamici
A partire da Android 12, un widget può usare i colori del tema del dispositivo per i pulsanti. sfondi e altri componenti. Ciò fornisce coerenza visiva su widget, icone nella schermata Home e sfondi diversi, offrendo agli utenti Android una un'esperienza utente più coesa. L'uso dei token di colore forniti garantisce che il widget sarà integrato in tutti i temi forniti da dispositivi diversi produttori e ai temi dinamici impostati dall'utente.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Dynamic_theme.jpg?authuser=6&hl=it)
Modalità Luce e Buio
Una modalità Buio è una versione dell'UI del dispositivo in condizioni di scarsa illuminazione che mostra in gran parte poca luce colori della superficie. Gli utenti passano sempre di più alla modalità Buio per migliorare durata della batteria e comfort per gli occhi. Se il widget non si adatta alla modalità Buio, non verranno mostrati nella posizione corretta e potrebbero infastidire gli utenti.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Light_and_Dark.jpg?authuser=6&hl=it)
Tipografia
La tipografia contribuisce a rendere la scrittura leggibile e piacevole. Usa le dimensioni dei caratteri e per stabilire una gerarchia chiara, indirizzando l'attenzione dell'utente verso elementi importanti. Presta attenzione all'interlinea e all'interlinea tra le lettere (kerning) per migliorare la leggibilità, in particolare per gli elementi più piccoli visualizzati all'interno uno spazio limitato di un widget.
Gerarchia
La gerarchia viene comunicata tramite differenze di spessore del carattere, dimensioni, altezza della riga e spaziatura tra le lettere. La scala dei tipi aggiornata organizza gli stili di testo in cinque ruoli denominati per descrivere i loro scopi. I cinque stili di testo sono: display, titolo, sottotitolo e corpo. I nuovi ruoli sono indipendenti dal dispositivo, consentendo e semplificare l'applicazione in una varietà di casi d'uso.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Typography.jpg?authuser=6&hl=it)