Designsysteme sind zwar mit der Vermittlung ihrer Leitregeln und -grundsätze befasst, aber sie beinhalten auch die Umsetzung dieses Systems. Je nachdem, wie das System strukturiert ist, kann es sich um eine Komponentenbibliothek oder um eine Sammlung von CSS-Stylesheets erachten. In beiden Teilen bietet es einen Mechanismus zur Implementierung der Prinzipien des Entwurfssystems. Wenn Sie einige gute Beispiele sehen möchten, hat UX Pin hier eine Liste. Bei diesen Entwurfsmustern dreht sich alles um die Objektkommunikation von Class. Verhaltensmuster sind muster, die sich am spezifischsten mit der Kommunikation zwischen Objekten befassen. Diese Muster richtig zu machen, erfordert einen enormen Aufwand und Iteration, und eine effektive Dokumentation ist vielleicht noch mehr ein Unterfangen. Darüber hinaus ist es eine unglaubliche Herausforderung, sicherzustellen, dass die Absichten Ihrer Designer genau in die Produktion umgesetzt werden. Und obwohl Design-Tools in den letzten Jahren einen langen Weg zurückgelegt haben, haben sie noch einen langen Weg vor sich.

Oft verstehen die Menschen nur, wie bestimmte Software-Design-Techniken auf bestimmte Probleme angewendet werden. Diese Techniken sind für ein breiteres Spektrum von Problemen schwer anzuwenden. Entwurfsmuster bieten allgemeine Lösungen, die in einem Format dokumentiert sind, das keine Besonderheiten erfordert, die mit einem bestimmten Problem verknüpft sind. Bei diesen Entwurfsmustern dreht sich alles um die Klasseninstanziierung. Dieses Muster kann weiter in Klassenerstellungsmuster und Objekterstellungsmuster unterteilt werden. Während Klassenerstellungsmuster die Vererbung effektiv im Instanziierungsprozess verwenden, verwenden Objekterstellungsmuster die Delegierung effektiv, um die Aufgabe zu erledigen. Design wird oft ästhetisch betrachtet. Farbpaletten, Abstände und Typografie fallen mir ein. Aber das Design ist viel breiter als das.

Es informiert auch verhalten und Funktionalität. Entwerfen Sie Shapes, wie Benutzer sich durch einen Auscheckvorgang bewegen und ihre Kennwörter zurücksetzen. Es hilft Benutzern zu verstehen, ob eine Nachricht erfolgreich gesendet wurde, oder in welche Richtung gewischt werden soll, um mehr Inhalt anzuzeigen. Design beeinflusst auch die Stimme und den Ton der Anwendung. Vielleicht ist Ihre Wetter-App sympathisch und verspielt, wie Poncho. Oder vielleicht ist es präzise und schön, wie Dark Sky. Designsysteme sind ein Mittel, um Entwurfsabsicht und Implementierung zu beschreiben, und beides ist gleichermaßen wichtig. Absichten ohne Umsetzung sind irrelevant, und die Umsetzung ohne angemessene Absicht wird inkonsistent sein. Diese duale Natur erzeugt eine interessante Qualität.

Systeme sind kein strenges Dogma, das in Stein gemeißelt ist. Vielmehr handelt es sich um lebendige Dokumentation. Das System wächst und iteriert mit der Anwendung. Die Regeln werden nach Bedarf erweitert, geändert und neu geschrieben. Sie sind gleichzeitig eine Darstellung dessen, was die Anwendung ist und was sie sein will. Wenn Sie in letzter Zeit viel in der Designwelt gelesen haben, wissen Sie wahrscheinlich, dass Designsysteme die ganze Wut sind. Wenn Sie kein Designer sind, aber neugierig darauf sind, worüber alle reden, dann willkommen! 👋 Das ist auch für Sie. 😃 ich dachte, es wäre hilfreich zu teilen, was Designsysteme sind, warum sie nützlich sind, und ein paar Tipps für effektive Systeme. Aber bevor wir über Systeme sprechen können, müssen wir über Muster sprechen. Es ist wahrscheinlich ein Klärungsbedarf erforderlich. Designsysteme, Musterbibliotheken und Stilhandbücher sind beliebte Begriffe und können je nachdem, wen Sie fragen, austauschbar oder sehr unterschiedliche Dinge sein. Es scheint, dass der aktuelle Trend darin besteht, Stilführungen und Designsysteme zusammenleben zu lassen, die die Grenzen zwischen ihnen weiter verwischen.

Wie Sie sich entscheiden, sie zu definieren, liegt bei Ihnen. In diesem Artikel beziehe ich mich auf Designsysteme und Stilanleitungen als zwei separate Dinge (obwohl ein Style Guide sicherlich Teil eines Designsystems ist).