Designtoken
Een designtoken bewaart een benoemde ontwerpkeuze. Meerdere componenten kunnen die gebruiken en de waarde op één vastgelegde plek laten wijzigen.
Ontwerpwaarden betekenisvolle namen geven
Een designtoken is een benoemde ontwerpkeuze, bijvoorbeeld voor kleur, afstand of lettergrootte. In plaats van dezelfde waarde op veel plekken in te voeren, verwijzen componenten naar een gedeelde naam. Een token kan ook naar een ander token verwijzen.
In een vereenvoudigd voorbeeld staat color-text-primary voor de normale tekstkleur. De klantenlijst en het besteldialoogvenster gebruiken die naam. Verandert de gekoppelde waarde, dan kan het betreffende bouw- of updateproces die wijziging naar beide weergaven brengen.
Een naam en waarde vormen nog geen volledige UI-component. Ze bepalen niet hoe een knop werkt of welke bedrijfsregels een formulier heeft. Een wijziging in het ontwerpbestand bereikt de applicatiecode alleen als de uitwisseling tussen de hulpmiddelen werkelijk is ingericht.
Bronnen
Verwante begrippen
- DesignsysteemEen designsysteem verbindt ontwerpregels, herbruikbare componenten en gebruiksrichtlijnen. Onderhoud en navolgbare wijzigingen horen erbij.
- UI-componentEen UI-component is een herbruikbaar onderdeel van een gebruikersinterface. De taak bepaalt de benodigde weergave en het interactiegedrag.
- OntwerpoverdrachtBij ontwerpoverdracht gaat een ontwerp naar de ontwikkeling voor uitvoering. Toestanden, gedrag en open besluiten moeten daarbij duidelijk zijn.
- ComponentvariantEen componentvariant is een vastgelegde vorm van een gedeelde bouwsteen. Ze verschilt van een tijdelijke bedieningstoestand.
- ComponentenbibliotheekEen componentenbibliotheek bundelt herbruikbare interfaceonderdelen. Bij gebruik tellen ook gedrag, varianten en de juiste versie mee.
Artikelen over dit onderwerp
Uw project met ASES
Beschrijf ons uw project. We nemen contact met u op met een eerste inschatting.