Stile

Applicare uno stile efficace ai widget è fondamentale per ottenere un'esperienza utente coerente e visivamente accattivante. Questa sezione analizza i concetti e le tecniche principali per definire il colore e la tipografia in modo da creare widget Android più utili e coinvolgenti.

Colore

Usa i colori per esprimere lo stile e comunicare il significato. L'impostazione di colori appropriati per i colori del widget è fondamentale per la leggibilità, la personalizzazione e, ovviamente, per esprimere l'identità del brand della tua app.

Utilizza i ruoli e i token relativi al colore del materiale per rispettare le linee guida sul contrasto di accessibilità e supportare funzionalità dinamiche relative ai colori, ad esempio temi chiari o scuri generati dagli utenti.

Per ulteriori informazioni, consulta le linee guida relative ai colori di Material Design.

Temi dinamici

A partire da Android 12, un widget può utilizzare i colori del tema del dispositivo per pulsanti, sfondi e altri componenti. In questo modo si ottiene coerenza visiva tra widget, icone della schermata Home e sfondi diversi, offrendo agli utenti Android un'esperienza utente più coesa. L'utilizzo dei token colorati forniti assicura che il widget verrà integrato nei temi del dispositivo forniti dai diversi produttori di dispositivi e nei temi dinamici impostati dall'utente.

Figura 1: immagine di un widget con token di colore evidenziati.

Modalità Luce e Buio

Una modalità Buio è una versione dell'interfaccia utente in condizioni di scarsa illuminazione che mostra le superfici per lo più scure. Gli utenti passano sempre più spesso alla modalità Buio per migliorare la durata della batteria. Se il widget non si adatta alla modalità Buio, risulterà fuori posto e potrebbe infastidire gli utenti.

Figura 2: un widget in modalità Luce sullo schermo a sinistra e scura sulla destra.

Tipografia

La tipografia contribuisce a rendere la scrittura leggibile e bella. Utilizza dimensioni e spessori dei caratteri per stabilire una gerarchia chiara, indirizzando l'utente agli elementi più importanti. Presta attenzione all'interlinea e all'interlinea tra le lettere (crenatura) per migliorare la leggibilità, in particolare per la visualizzazione di testo più piccolo all'interno dello spazio limitato di un widget.

Gerarchia

La gerarchia viene comunicata tramite differenze di spessore del carattere, dimensioni, altezza della riga e spaziatura delle lettere. La scala dei tipi aggiornata organizza gli stili di testo in cinque ruoli, che vengono denominati per descriverne gli scopi. I cinque stili di testo sono display, titolo, titolo, sottotitolo e corpo. I nuovi ruoli sono indipendenti dal dispositivo, consentendo un'applicazione più semplice in vari casi d'uso.

Figura 3: un widget che mostra l'utilizzo di scale di tipi diversi.