Designsystem
Eine gemeinsame Designsprache, in der Farben, Schriftarten, Abstände und Komponenten wie Buttons und Formulare zusammen mit ihren Regeln und fertigem Code in einer einzigen Quelle gebündelt sind.
- 01
Warum es wichtig ist
Ein Designsystem sorgt dafür, dass Bildschirme einheitlich aussehen, neue Seiten schnell erstellt werden können und Barrierefreiheitsregeln überall angewendet werden. Eine Korrektur an einer Komponente wirkt sich auf das gesamte Produkt aus. Sein Nutzen wächst, wenn Produkt und Team wachsen.
- 02
Beispiel
Ein Unternehmen richtet ein gemeinsames Designsystem für seine Website, sein Kundenpanel und seine mobile App ein. Ändert sich die Markenfarbe, wird ein einziger Wert aktualisiert und alle drei Produkte werden gleichzeitig erneuert.
- 03
Häufiger Fehler
Das Designsystem nur als visuelles Leitfadendokument zu belassen. Regeln, die nicht mit Code verbunden sind, werden mit der Zeit nicht mehr eingehalten und das Produkt wird wieder inkonsistent.
- 04
Verwandte Begriffe
- UI · Benutzeroberfläche
- WCAG · Richtlinien für die Barrierefreiheit von Webinhalten
- Responsives Design
Passende Leistungen und Ratgeber
Über Ihr Projekt sprechen.
Erzählen Sie uns Ihren Bedarf; den Umfang klären wir gemeinsam.