Design System Regeln

Question

Ich möchte Ihre Beiträge und Erfahrungen mit Styleguides erhalten. Einige der Designer, mit denen ich zusammenarbeite, bestehen darauf, dass das Designsystem Regeln enthält, die dem T zu folgen sind.

Einige Beispielregeln sind:

Ein Kartenrand ist immer 16px von links entfernt.

Der Inhalt wird immer durch vertikales Auffüllen von 24 Pixel getrennt.

Die Dashboard-Schaltflächen befinden sich immer oben rechts mit einem vertikalen Abstand von 16 Pixel zum Inhalt.

Unser Unternehmen hat mehrere interne Anwendungen in der Entwicklung. Obwohl ich die Notwendigkeit einer Konsistenz (Typografie, Schaltflächen, Farbpalette, Ikonografie usw.) verstehe, bin ich nicht mit solchen Regeln einverstanden, bei denen eine Änderung der Pixel für andere Designer zu einer Starrheit wird.

Ich würde gerne wissen, wie Ihr Team Ihr Designsystem / Styleguide verwendet und ob es mit Abstandsregeln durchsetzt ist, die alle Designer befolgen müssen.

Answer 1

Ich denke, die Tage der strengen Abstandsregeln in Styleguides haben gut funktioniert, als die Bildschirmgrößen und Auflösungen auf Geräten nicht so unterschiedlich waren wie heute. Da Responsive Web Design die Hauptmotive für die Einrichtung von Designsystemen sind, ist es vorteilhafter, Designsystemregeln zu verwenden, die auf Proportionen und Verhältnissen basieren, anstatt auf absoluten Werten, da Sie auf diese Weise nicht sehr gut skalieren oder an verschiedene Displays und Geräte anpassen können .

Es ist jedoch auch zu berücksichtigen, ob Sie den Abstand als isolierte Instanz von Regeln für Designsysteme / Styleguides betrachten oder ob es andere Aspekte gibt, die ebenfalls in Stein gemeißelt sind. Ich denke, Sie werden feststellen, dass strenge Abstandsregeln auch Auswirkungen auf andere Teile des Entwurfssystems haben. Wenn Sie also sehr spezifische Abstandsregeln festlegen, benötigen Sie auch bestimmte Regeln für die Abmessungen der UI-Komponenten Die Abstandsregeln funktionieren gut.

Wenn Sie sagen, dass Ihr "Unternehmen mehrere interne Anwendungen in der Entwicklung hat", gehe ich davon aus, dass es sich um interne Anwendungen handelt, die wahrscheinlich in einer Standardbetriebsumgebung bereitgestellt werden (z. B. Desktop-Computer und Laptops des Unternehmens, die ähnlich genug sind) Es ist sinnvoll, strengere Regeln zu verwenden, wenn weniger Variablen zu berücksichtigen und zu behandeln sind.

Wie üblich ist es auch wichtig, ein Designsystem / einen Styleguide als Produkt oder Dienstleistung zu betrachten. Daher empfiehlt es sich sicherzustellen, dass das Produkt oder die Dienstleistung für die Benutzer (dh die Designer und Entwickler) geeignet ist.