Il tema del materiale da indossare è la capacità di personalizzare sistematicamente il design dei materiali per Wear in modo da riflettere il tuo brand. Quando inizi a modificare aspetti dell'interfaccia utente, come il colore e la tipografia, gli strumenti per i temi dei materiali di utilizzo applicano la tua visione del design a tutta l'esperienza utente. Gli strumenti consentono di passare facilmente dai flussi di lavoro di progettazione a quelli di codice fornendo valori specifici per tutti gli attributi personalizzabili. La personalizzazione dei valori degli attributi crea un tema materiale per l'abbigliamento per il tuo prodotto.
Utilizza i temi del materiale da indossare
I temi del materiale indossabile sono costituiti da tre azioni principali: personalizzare il tema, applicarlo agli esempi del design e utilizzarlo nel codice.
Wear Material Design è dotato di un tema integrato che può essere utilizzato così com'è. Personalizza il tema integrato per fare in modo che Material si adatti al tuo prodotto.
Temi nella pratica
I temi influiscono sull'intera UI, inclusi i singoli componenti come i chip. L'esempio seguente mostra come personalizzare i valori predefiniti di un componente di chip.
A un chip contenuto vengono assegnati valori per una specifica famiglia di colori, forme e tipi. Regola i valori predefiniti in base allo stile della tua app.
| Prima
Un chip di base del materiale Wear con stili predefiniti. |
Dopo
Un chip personalizzato per il materiale di usura. |
Colore
Il sistema di colori supporta l'impostazione di colori personalizzati per componenti, testo, icone e superfici. Imposta i colori del tema per le 13 categorie seguenti:
Principale
Variante principale
Secondario
Variante secondaria
Premessa
Surface
Errore
Su principale
Al secondario
In background
In superficie
Variante in piattaforma
In caso di errore
Tipografia
Il sistema tipografico supporta 11 categorie che insieme formano la scala dei tipi. Questa scala determina i vari stili e dimensioni dei tipi che vengono visualizzati sullo schermo, dal corpo del testo al testo del pulsante.
Gli attributi di tipografia sono controllati da valori che possono essere personalizzati in base a famiglia di tipi, carattere, maiuscole/minuscole, dimensioni e tracciamento.
