Token di design
Un token di design memorizza una decisione visiva con un nome. Più componenti possono riutilizzarlo e il valore si modifica in un punto definito.
Dare nomi significativi ai valori visivi
Un token di design è una decisione visiva dotata di nome, per esempio un colore, una spaziatura o una dimensione del carattere. Invece di inserire lo stesso valore in molti punti, i componenti fanno riferimento a un nome comune. Un token può anche riferirsi a un altro token.
In un esempio semplificato, color-text-primary rappresenta il normale colore del testo. Elenco clienti e dialogo d’ordine usano questo nome. Se il valore cambia, il relativo processo di compilazione o aggiornamento può portare la modifica in entrambe le viste.
Un nome e un valore non costituiscono ancora un componente d’interfaccia completo. Non definiscono il funzionamento di un pulsante o le regole operative di un modulo. Una modifica al file di design raggiunge il codice solo se lo scambio tra strumenti è effettivamente configurato.
Fonti
Termini correlati
- Sistema di designUn sistema di design unisce regole visive, componenti riutilizzabili e indicazioni d’uso. Richiede manutenzione e modifiche tracciabili.
- Componente d’interfacciaUn componente d’interfaccia è un elemento riutilizzabile. Il suo scopo determina presentazione e comportamento d’interazione necessari.
- Passaggio del design allo sviluppoNel passaggio del design si consegna un progetto per l’implementazione. Stati, comportamento e decisioni aperte devono risultare chiari.
- Variante di componenteUna variante è una forma definita di un componente comune. Si distingue da uno stato d’interazione temporaneo.
- Libreria di componentiUna libreria di componenti raccoglie elementi di interfaccia riutilizzabili. Per usarli contano anche comportamento, varianti e versione adatta.
Articoli sul tema
Il vostro progetto con ASES
Descriveteci il vostro progetto. Vi ricontatteremo con una prima valutazione.