Lernen Sie die wichtigsten Bausteine des digitalen Designs in Figma kennen. In diesem Modul werden die Grundlagen des Wireframing, wichtige Werkzeuge für die Typografie und Formerstellung sowie bewährte Verfahren für die Verwendung von Rahmen zur Organisation Ihrer Layouts vorgestellt. Sie erfahren auch, wann Sie Low Fidelity und wann High Fidelity Wireframes verwenden sollten.

Beherrschen Sie die visuellen Styling-Werkzeuge in Figma, indem Sie sich mit der Anwendung von Farben, Stricheinstellungen und der Manipulation von Objekten beschäftigen. In diesem Modul wird auch der Unterschied zwischen Rahmen und Gruppen für eine bessere Organisation erklärt, und Sie erhalten praktische Erfahrungen mit den Bearbeitungswerkzeugen von Figma.

Setzen Sie Ihre Wireframe-Kenntnisse ein, indem Sie ein funktionales Layout erstellen und Icons in Ihr Design einbinden. Sie erfahren, wo Sie kostenlose Icons beziehen können, wie Sie Konturenstile anpassen, um Konsistenz zu gewährleisten, und wie Sie Plugins verwenden, um Ihren Icon Workflow zu optimieren

Erwecken Sie Ihre statischen Designs mit klickbaren Prototypen zum Leben. In diesem Modul lernen Sie, wie Sie Seiten verwenden, um Designs mit mehreren Bildschirmen zu organisieren, Animationen und Erleichterungen hinzuzufügen und Ihre Prototypen mit Figma Mirror direkt auf Ihrem Telefon zu testen.

Erfahren Sie, wie Sie effektiv zusammenarbeiten und Ihre Entwürfe gemeinsam nutzen können, indem Sie dynamische Animationen hinzufügen. Sie werden Smart Animate für Übergänge verwenden, lernen, wie Sie durch Kommentare Feedback von Stakeholdern einholen und mit gemeinsamen Bearbeitungsmerkmalen in Echtzeit zusammenarbeiten können.

Design beginnt mit Inspiration. Dieses Modul hilft Ihnen, Quellen kreativer Einflüsse zu identifizieren, ein Moodboard zu erstellen, das den Ton für Ihr Projekt angibt, und die visuelle Richtung Ihrer UX-Arbeit klar zu kommunizieren.

Sorgen Sie für ein konsistentes Design mit Farbstilen, benutzerdefinierten Paletten und Rasterlayouts. Sie erfahren, wie Sie Inhalte mit Spalten und Ausrichtungswerkzeugen strukturieren, Farbverläufe erstellen und wiederverwendbare Farbsysteme entwickeln, die Ihrer Arbeit den letzten Schliff geben.

Tauchen Sie ein in die Details der digitalen Typografie. Sie lernen, wie Sie websichere Schriftarten auswählen, Zeichenstile erstellen, Schriftpaarungen handhaben und häufige Textprobleme beheben, um sicherzustellen, dass Ihre Entwürfe sowohl barrierefrei als auch visuell ansprechend sind.

Erweitern Sie Ihre Fähigkeiten zur Gestaltung von Formen mit den Booleschen Operatoren und Pfadbearbeitungswerkzeugen von Figma. Lernen Sie, wie Sie benutzerdefinierte UI-Elemente, wie z. B. Schaltflächen, erstellen und Formen auf kreative Weise mit Union, Flatten und mehr kombinieren können.

Zum Abschluss integrieren Sie Bilder in Ihre Entwürfe, indem Sie die Merkmale von Figma zum Maskieren und Zuschneiden verwenden. Außerdem vergleichen Sie die Bildfunktionen von Figma mit Werkzeugen wie Photoshop und Illustrator und lernen Plugins kennen, die Ihre Bild-Workflows boosten.