Designtoken
Designtokener lagrer navngitte designbeslutninger. Flere komponenter kan bruke dem, og verdier kan endres på definerte steder.
Gi designverdier meningsfulle navn
Designtokener er navngitte designbeslutninger, for eksempel om farge, avstand eller skriftstørrelse. I stedet for å legge inn samme verdi mange steder viser komponentene til et felles navn. En token kan også vise til en annen token.
I et forenklet eksempel står color-text-primary for den vanlige tekstfargen. Kundelisten og bestillingsdialogen bruker dette navnet. Endres den tilknyttede verdien, kan den aktuelle bygge- eller oppdateringsprosessen føre endringen ut til begge visningene.
Et navn og en verdi er ikke en ferdig UI-komponent. De bestemmer verken en knapps atferd eller et skjemas forretningsregler. En endring i designfilen når applikasjonskoden bare hvis utvekslingen mellom verktøyene faktisk er etablert.
Kilder
Beslektede begreper
- DesignsystemEt designsystem samler designregler, gjenbrukbare komponenter og bruksveiledning. Vedlikehold og sporbare endringer hører også med.
- UI-komponentEn UI-komponent er en gjenbrukbar del av et brukergrensesnitt. Oppgaven avgjør hvilken presentasjon og interaksjonsatferd som trengs.
- DesignoverleveringVed designoverlevering gis et utkast videre til implementering. Tilstander, oppførsel og åpne beslutninger må være forståelige.
- KomponentvariantEn komponentvariant er en definert utgave av en felles byggestein. Den er forskjellig fra en midlertidig betjeningstilstand.
- KomponentbibliotekEt komponentbibliotek samler gjenbrukbare grensesnittdeler. Ved bruk teller også oppførsel, varianter og riktig versjon.
Artikler om temaet
Ditt prosjekt med ASES
Beskriv prosjektet ditt for oss. Vi tar kontakt med en første vurdering.