Designtoken
Designtokens lagrar namngivna designbeslut. Flera komponenter kan använda dem och värden kan ändras på bestämda platser.
Ge designvärden meningsfulla namn
Designtokens är namngivna designbeslut, exempelvis om färg, avstånd eller teckenstorlek. I stället för att ange samma värde på många ställen hänvisar komponenterna till ett gemensamt namn. En token kan också hänvisa till en annan token.
I ett förenklat exempel står color-text-primary för den vanliga textfärgen. Kundlistan och beställningsdialogen använder detta namn. Om det kopplade värdet ändras kan den aktuella bygg- eller uppdateringsprocessen föra ut ändringen till båda vyerna.
Ett namn och ett värde är ingen färdig UI-komponent. De bestämmer varken en knapps beteende eller ett formulärs verksamhetsregler. En ändring i designfilen når applikationskoden endast om utbytet mellan verktygen faktiskt har ordnats.
Källor
Relaterade begrepp
- DesignsystemEtt designsystem förenar designregler, återanvändbara komponenter och användningsvägledning. Underhåll och spårbara ändringar ingår också.
- UI-komponentEn UI-komponent är en återanvändbar del av ett användargränssnitt. Uppgiften avgör vilken presentation och vilket interaktionsbeteende som behövs.
- DesignöverlämningVid en designöverlämning lämnas ett utkast vidare för implementering. Tillstånd, beteende och öppna beslut måste gå att förstå.
- KomponentvariantEn komponentvariant är en definierad form av en gemensam byggsten. Den skiljer sig från ett tillfälligt interaktionstillstånd.
- KomponentbibliotekEtt komponentbibliotek samlar återanvändbara gränssnittsdelar. Vid användning spelar även beteende, varianter och rätt version roll.
Artiklar om ämnet
Ditt projekt med ASES
Beskriv ditt projekt för oss. Vi hör av oss med en första bedömning.