Designtoken
Designtokens gemmer navngivne designbeslutninger. Flere komponenter kan bruge dem, og værdierne kan ændres definerede steder.
Giv designværdier meningsfulde navne
Designtokens er navngivne designbeslutninger, for eksempel om farve, afstand eller skriftstørrelse. I stedet for at indtaste samme værdi mange steder henviser komponenterne til et fælles navn. En token kan også henvise til en anden token.
I et forenklet eksempel står color-text-primary for den normale tekstfarve. Kundelisten og bestillingsdialogen bruger dette navn. Ændres den tilknyttede værdi, kan den relevante bygge- eller opdateringsproces føre ændringen ud i begge visninger.
Et navn og en værdi er ikke en færdig UI-komponent. De fastlægger hverken en knaps betjening eller en formulars forretningsregler. En ændring i designfilen når kun applikationskoden, hvis udvekslingen mellem værktøjerne faktisk er etableret.
Kilder
Relaterede begreber
- DesignsystemEt designsystem forbinder designregler, genbrugelige komponenter og brugsvejledning. Vedligeholdelse og sporbare ændringer hører også til.
- UI-komponentEn UI-komponent er en genbrugelig del af en brugergrænseflade. Opgaven bestemmer den nødvendige visning og interaktionsadfærd.
- DesignoverdragelseVed designoverdragelse afleveres et design til implementering. Tilstande, adfærd og åbne beslutninger skal være forståelige.
- KomponentvariantEn komponentvariant er en defineret udgave af en fælles byggesten. Den adskiller sig fra en midlertidig betjeningstilstand.
- KomponentbibliotekEt komponentbibliotek samler genanvendelige grænsefladeelementer. Adfærd, varianter og den rigtige version tæller også ved brugen.
Artikler om emnet
Dit projekt med ASES
Beskriv dit projekt for os. Vi vender tilbage med en første vurdering.