Nach diesem Seminar können Sie die Bereiche UI- und UX-Design beschreiben, vergleichen und voneinander abgrenzen. Sie lernen, beliebte Methoden wie Double Diamond und Design Thinking anzuwenden und verstehen die Bedeutung des Wireframings im Designprozess.
Sie können verschiedene Web-Elemente und ihre typischen Wireframe-Darstellungen identifizieren sowie Konzepte für Websites und mobile Anwendungen entsprechend vorgegebener Anforderungen entwerfen und skizzieren.
Darüber hinaus lernen Sie, Figma zur Erstellung ausgefeilter Wireframes und interaktiver Prototypen einzusetzen.
Anwendungen und Entwicklungsprozess eines Projekts richtig umsetzen
User Research & Usability Testing
Informationsarchitektur & Navigation
Was ist Design Thinking
Einführung in ein intuitives Web- und App-Design mit Figma
Figma Programm Benutzeroberfläche
Design Grundlagen
Pattern Library Erstellung
Wireframes und interaktive Prototypen
Die Werkzeugpalette von Figma
Die Browser-App im Vergleich zur Desktop-App
Der Startbildschirm
Einführung in die Benutzeroberfläche
Importieren und Exportieren von Dateien
Verwendung von Schablonen
Die Symbolleiste
Das Bedienfeld Ebenen und Seiten
Das Anlagenfenster
Das Design-Fenster
Das Prototyp-Panel
Das Code-Panel
Die Leinwand
Tastaturkürzel verwenden
Workflow
Professionelle Dateieinrichtung mit Figma
Freigabe von Entwürfen für die Entwicklung mit Figma
Einrichten von zugänglichen Stilen für Farbe, Typografie und Abstandssysteme
Einrichten von Komponentenbibliotheken und Spezifikationen für wiederverwendbare Elemente
Exportieren und gemeinsame Nutzung von Assets für verschiedene Bildschirmauflösungen
Verstehen verschiedener Möglichkeiten, mit responsivem Design und Rastern umzugehen und diese zu demonstrieren
Wireframes und App-Mockups
Gestaltungsraster in Figma einrichten
Wireframe-Modell anlegen
Ausarbeitung eines Wireframes zum Mockup
Prototyping
Usability (User Interface Design & Styleguide)
Interaktive Prototypen
Projektdefinition
Verbindungen von Zeichenflächen und Objekten konfigurieren
Strukturierung des Inhalts
Erstellung des Layouts in Figma (Mobile-First-Ansatz)
Einbettung von Schriften, Icons und Grafiken
Prototyping in Figma: Navigation, Interaktionen und Touch-optimierte Abläufe
Testen auf einem realen Gerät
Überprüfung von UI-Design-Tools
Kommentarfunktion für das Design-Klickmodell
Prototypen in Workflow übertragen und präsentieren
Verwendung von Figma-Plug-ins
Wie man Plug-ins findet
Laden von Plug-ins
Dauer/zeitlicher Ablauf:
3 Tage
Zielgruppe:
Das Seminar richtet sich an Webdesigner, Entwickler von Softwareanwendungen sowie UI/UX-Designer.
Darüber hinaus eignet sich die Schulung für alle, die ihre Kenntnisse im Bereich UX/UI-Design erweitern und ihre beruflichen Perspektiven verbessern möchten.
Teilnahmevoraussetzungen
Besondere Vorkenntnisse in Figma oder der Programmierung sind nicht erforderlich.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
