Design-Token
Ein Design-Token speichert eine benannte Gestaltungsentscheidung. Er lässt sich in mehreren Komponenten verwenden und gezielt ändern.
Gestaltungswerte mit Bedeutung benennen
Ein Design-Token ist eine benannte Gestaltungsentscheidung, etwa für Farbe, Abstand oder Schriftgröße. Statt denselben Wert an vielen Stellen einzutragen, verweisen Komponenten auf einen gemeinsamen Namen. Ein Token kann auch auf einen anderen Token verweisen.
In einem vereinfachten Beispiel steht color-text-primary für die normale Textfarbe. Kundenliste und Bestelldialog verwenden diesen Namen. Ändert sich der zugeordnete Wert, kann die Änderung über den jeweiligen Build- oder Aktualisierungsprozess in beide Ansichten gelangen.
Der Name und sein Wert bilden noch keine fertige UI-Komponente. Sie legen weder die Bedienung eines Buttons noch die fachlichen Regeln eines Formulars fest. Ebenso erreicht eine Änderung in der Designdatei den Anwendungscode nur, wenn der Austausch zwischen den Werkzeugen tatsächlich eingerichtet ist.
Quellen
Verwandte Begriffe
- DesignsystemEin Designsystem verbindet Gestaltungsregeln, wiederverwendbare Bausteine und Nutzungshinweise. Es braucht Pflege und nachvollziehbare Änderungen.
- UI-KomponenteEine UI-Komponente ist ein wiederverwendbarer Baustein einer Benutzeroberfläche. Zu ihrer Aufgabe gehören Darstellung und das erforderliche Verhalten.
- Design-HandoffBeim Design-Handoff wird ein Entwurf für die Umsetzung übergeben. Zustände, Verhalten und offene Entscheidungen müssen dabei nachvollziehbar sein.
- KomponentenvarianteEine Komponentenvariante ist eine definierte Ausprägung eines gemeinsamen Bausteins. Sie unterscheidet sich vom vorübergehenden Bedienzustand.
- KomponentenbibliothekEine Komponentenbibliothek bündelt wiederverwendbare Oberflächenbausteine. Für ihre Nutzung zählen auch Verhalten, Varianten und die passende Version.
Beiträge zum Thema
Ihr Vorhaben mit ASES
Beschreiben Sie uns Ihr Vorhaben. Wir melden uns mit einer ersten Einschätzung.