Einschränkungen und adaptives Layout - Herausforderung bei der Gestaltung der Benutzeroberfläche

Im Mai 2019 entschloss ich mich, UI-Design zu erlernen und dies auf diesem Blog zu dokumentieren. Dies ist der zweite Artikel aus der Reihe, die über meine Fortschritte beim Erlernen von UI-Design geschrieben wurde. Ich habe auch einige Ziele in einem Google-Dokument festgelegt, damit ich meine Fortschritte überprüfen und effektiver arbeiten kann. Hier können Sie meinen beruflichen Entwicklungsplan (Meilensteine, Ziele, Aktionsplan) verfolgen. Kommentare, Vorschläge sind mehr als willkommen!

Hier können Sie den ersten Artikel lesen, wenn Sie interessiert sind.

Was ich in der heutigen Lektion aus designcode.io, Figma-Kurs gelernt habe:

  • Wie benutzt man das 8-Punkte-Rastersystem?
  • Skalenelemente
  • wie man eine feste Position für den Header einrichtet
  • Verwendung einfacher Rechtecke und Kreise mit Boolean, um ein sehr einfaches Mond-Symbol zu erstellen

Hat auch ein Design System in Figma gesehen und erstellt. Ich habe gelernt, wie man lokale Stile, Farben, Elemente, Effekte und Raster verwendet.

Hier ist ein Screenshot über das Ergebnis dieser Lektion:

Design-System