Hier ist ein faszinierender Einblick in das Designsystem von The Guardian mit einer schrittweisen Aufschlüsselung dessen, was darin enthalten ist und welche Optionen Designern und Entwicklern zur Verfügung stehen. Es zeigt uns, wie das Team Farben, Typografie, Layouts und visuelle Hinweise wie Linien und Rahmen behandelt.
Ich habe Schwierigkeiten, Designsysteme intern zu beschreiben, und das gibt mir gerade viel Inspiration. Mir gefällt, dass diese Website alle Vorteile eines Videos (toller Ton und schöne Bilder) mit allen Vorteilen eines UI-Kits (durch Anzeige der verfügbaren Optionen) kombiniert.
Dies knüpft auch lose an etwas an, das Chris in letzter Zeit diskutiert hat, nämlich die Achtsamkeit, zu wissen, für wen ein Designsystem bestimmt ist. Einige sind für den internen Gebrauch bestimmt, andere sind für den internen Gebrauch bestimmt, aber öffentlich zugänglich für Leute wie Auftragnehmer, und andere sind für unterschiedliche Grade der externen Nutzung bestimmt. Hier ist The Guardian nicht ausdrücklich darüber, für wen ihr Designsystem bestimmt ist, aber die Beschreibung gibt einen guten Hinweis.
Ein Leitfaden für digitales Design bei The Guardian
Genießen Sie also bitte dieses gut dokumentierte, hochgradig interaktive und wunderschöne Designsystem. Denken Sie gleichzeitig daran, dass es für einen bestimmten Anwendungsfall entwickelt wurde und möglicherweise nicht allen Bedürfnissen Ihres Projekts oder Ihrer Organisation entspricht. Es ist auf jeden Fall inspirierend, es sich anzusehen, so oder so!
Schön. Ich würde gerne wissen, wie man das nervige Aufklappfenster blockiert. ;-)