Einführung zu Design Systems mit Figma

Einführung zu Design Systems mit Figma

“Lieber Student, wir haben das Ende des Kurses erreicht. Jetzt wissen Sie, was Design-Systeme . Sie haben auch ein wenig über ihre Geschichte gelernt, die Teile, aus denen sie bestehen, und welche Vorteile sie für Ihre Entwürfe, Produkte und Arbeitsteams haben können. Wir definierten zuerst die Gestaltungsprinzipien, die unsere grundlegende „Philosophie“ sein würden, und als wir uns darüber im Klaren waren, gingen wir zu Figma und inspizierten den Styleguide, um zu verstehen, wie die Text- und Farbstile erstellt werden, und analysierten die Skalen für Mobilgeräte und Schreibtisch.

Dann entwerfen wir die Elemente und Komponenten, die das Rückgrat von allem bilden, was wir später tun würden: Symbole, Schaltflächen, Karte , Element, Dialog ua Darüber hinaus haben wir auch gesehen, was Muster oder Muster sind und wozu es gut ist, sie dokumentieren zu lassen. Kurz gesagt, wir haben alles gesehen, was Sie benötigen, damit Sie ein skalierbares, konsistentes, kohärentes Design-System , um das Erscheinungsbild und Verhalten Ihrer Interface-Designs zu vereinheitlichen. Nachdem wir ein sehr solides Fundament hatten, war es an der Zeit, die Komponenten zu testen, indem der Hauptbildschirm einer Reise-Website in drei verschiedenen Größen gestaltet wurde. Dies gab uns eine realistischere Vorstellung davon, wie gut die Komponenten und Stile darauf vorbereitet sind, auf unterschiedliche Situationen zu reagieren. Im letzten Teil haben Sie gelernt, warum ein Design-System niemals endet und wie es daher dokumentiert werden muss, damit die anderen Mitglieder Ihres Teams wissen, wie man es verwendet. Dazu verwenden wir Zeroheight, das Tool, mit dem wir alles an einem Ort dokumentieren können. Denken Sie daran, dass ein Design-System eine Teamleistung ist, an der viele Menschen beteiligt sind. Sie können jedoch immer mit einer guten Basis für das beginnen, was wir im Kurs getan haben, damit es später einfacher ist, weiter zu wachsen. Teilen Sie im Forum sowohl das Endergebnis Ihres Design-System-Projekts als auch die Schritte mit, die Sie dazu geführt haben. Sie können sich auch andere Gestaltungsprinzipien, Komponenten oder Muster , die sich von den oben genannten unterscheiden und besser zu Ihren Anforderungen passen. Anschließend können Sie sie nach denselben Richtlinien und Empfehlungen vorbereiten und anpassen, die wir im Kurs gesehen haben. Wenn Sie Zweifel, Fragen oder Kommentare haben, können Sie sich gerne an mich wenden. Ich werde Ihnen gerne so viel wie möglich helfen, damit die Inhalte nützlich sind und einen Wert für Ihren speziellen Fall haben. Den Kontakt halten! ”

Partielle Transkription des Videos

“Abschlussprojekt Wir kommen zum Ende dieses Domestika-Kurses, und ich vertraue darauf, dass ich dir beigebracht habe, was du brauchst ein organisiertes, skalierbares, kohärentes und konsistentes Projekt zu erstellen Verwendung wiederverwendbarer Komponenten. Kurskonzepte sind für das Web, Sie können jedoch für mobile Anwendungen verwendet werden. Ich würde gerne Ihre Ergebnisse sehen und sie im Forum kommentieren. Bevor ich mich verabschiede, werde ich eine Zusammenfassung der Schritte machen, die ich befolgt habe um Ihr endgültiges Projekt zu entwerfen. Wir haben gesehen, was "Design-Syste...”

Diese Transkription wurde maschinell erstellt und kann daher Fehler aufweisen.

Zusammenfassung des Kurses: Einführung zu Design Systems mit Figma

• Niveau: Anfänger
• 99% positive Bewertungen (408)
• 11162 Lernende
• 5 Kurseinheiten
• 24 Lektionen (4 Stdn. 38 Min.)
• ‌11 Downloads

• Kategorie

  Web- und App-Entwicklung

• Software

  Figma

• Bereiche

  App-Design, Digitales Produktdesign, Mobile Design, UX / UI