Ich mag diesen Beitrag von Nathan Curtis sehr, in dem er bespricht, wie Buttons auf ein Designsystem angewendet werden können
Ich liebe Buttons. Ich kann Dinge mit Buttons tun. Einen nächsten Schritt machen. Eine Verpflichtung eingehen. Dinge erledigen. Mit Buttons erwacht Interaktion zum Leben.
Deshalb sind Buttons wohl die wichtigste Komponente eines Design Systems. Teuflisch einfach, bieten sie ein einfaches Label in einem definierten Bereich, den ich drücken kann. Als solche sind Buttons der Ort, an dem Sie die Basisattribute einer Designsprache so anwenden, dass sie sich später auf komplexere Komponenten auswirken werden.
Ränder, Farben, Textstile, Icons; es gibt so viel zu bedenken! Aber was ich hier wirklich kurz festhalten wollte, ist die Idee der Resilienz in einem Design, insbesondere dort, wo Nathan über das Hinzufügen von Komponenten innerhalb eines Buttons spricht, wie zum Beispiel ein Icon.
Wenn Sie ein Element hinzufügen, selbst ein einfaches Icon, sollte ein Button-Layout nicht zusammenbrechen. Der Umgang mit weniger vorhersehbaren Elementen offenbart lästige Probleme mit Abständen und Ausrichtung im Inneren.
Wenn Sie also eine Komponente aus einem Button entfernen, sollte der Button selbst immer noch funktionieren. Aber das ist nicht nur für Buttons wichtig, es ist wichtig für jede Komponente, die wir bauen. Kurz gesagt: Fragen zu stellen, wie ein bestimmtes Element visuell oder in Bezug auf die Interaktion kaputtgehen könnte, ist entscheidend für den Prozess des Aufbaus eines effektiven Design Systems.