Beschreibung
UX/UI-Design mit Figma komplett
Zielgruppe: Nur für Unternehmen und Institutionen.Figma für UX/UI-Designer:innen ist ein leistungsfähiges Tool für die kollaborative Gestaltung von Benutzeroberflächen. Mit Figma können Sie im Handumdrehen und ohne jeglichen Code beeindruckende Apps, Blogs oder Websites entwerfen. Ganz gleich, ob Sie Anfänger, Webdesigner, App-Entwickler, Unternehmer:in oder Freiberufler sind: in diesem Kurs lernen Sie, wie Sie Apps, Blogs und Websites entwerfen können, und Sie werden mit marktfähigen Fähigkeiten ausgestattet.
Ein weiteres nützliches Angebot in Figma ist ein Viewer, der den Designer bei der Erstellung von responsivem Design mit Figma unterstützt und es ihm ermöglicht zu sehen, wie ein Design in verschiedenen Größen aussieht. In einem Menü können Sie zwischen sieben verschiedenen gängigen Smartphones (iPhone, Galaxy, iPad usw.), drei verschiedenen Tablets, einer Desktop-Ansicht oder einer Uhr wählen, und ein Figma-Rahmen wird um das Design in der entsprechenden Größe angezeigt. Durch einfaches Ziehen an den Rändern des Entwurfsdokuments, damit dieser in den Rahmen passt, wird angezeigt, wie er auf einem bestimmten Gerät aussehen wird. Es gibt auch eine Funktion, die eine Verbindung zu einem Smartphone herstellt, so dass Sie schon während des Entwurfs sehen können, wie es auf dem Handy aussieht. Wenn Sie ein UI/UX-Designer sind, ist dies der perfekte Kurs für Sie.
Aufgrund seiner extremen Vielseitigkeit und Leistungsfähigkeit ist Figma zu einem der meistgenutzten Softwareprogramme in der Geschäftswelt geworden. Bei allen Übungsbeispielen wird auf die Kriterien der Barrierefreiheit geachtet.
Kommende Starttermine
Inhalte / Module
- Grundlagen
- Was ist UX und UI Design
- User Experience & Usability Basics
- 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 einrichten von Figma
- Wireframe-Modell anlegen
- Ausarbeitung eines Wireframes zum Mockup
- Prototyping
- Usability (User Interface Design & Styleguide)
- Interaktive Prototypen
- Projekt Definition
- Verbindungen von Zeichenfläche und Objekten konfigurieren
- Strukturierung des Inhalts
- Erstellung des Layouts in der Sketch/Figma/XD-App (Mobile-First-Ansatz)
- Einbettung von Schriften, Icons und Grafiken
- Prototyping mit InVision (Navigation, Interaktionen, Optimierung für Touch)
- Testen auf einem realen Gerät
- Überprüfung von UI-Design-Tools
- Kommentarfunktion design Klick-Modell
- Prototypen in Workflow übertragen und präsentieren
- Verwendung von Figma-Plug-ins
- Wie man Plug-ins findet
- Laden von Plug-ins
- Microsoft Power Apps
- Apps aus Figma UI erstellen
Zielgruppe / Voraussetzungen
Alle, die Job- oder Karriereaussichten in einer Büroumgebung verbessern möchten.
Hinweis: Dieser Kurs richtet sich an Mitarbeitende aus Unternehmen und Institutionen.
Für Privatpersonen ist dieser Kurs leider nicht geeignet.
Bitte beachten Sie: Bildungsgutscheine der Agentur für Arbeit werden für diesen Kurs NICHT anerkannt.
Abschlussqualifikation / Zertifikat
Infos anfordern
GFU Cyrus AG
Erweitern Sie Ihre IT-Skills mit einem offenen IT-Training oder ganz nach Ihren Bedürfnissen durch eine individuelle IT-Schulung. Programmiersprachen (C#, Python, Java, …), Microsoft Office 365, Anforderungsmanagement, Projektmanagement, Business Intelligence, Data Science, Künstliche Intelligenz, IT-Sicherheit , Administration & Datenbanken, Softwareentwicklung, Testmanagement...
Erfahren Sie mehr über GFU Cyrus AG und weitere Kurse des Anbieters.
Bewertungen von Teilnehmern
Bewertungsdurchschnitt: 5
Probleme, welche ich vorher mit Figma hatte konnten geklärt werden und es wurde auch für mich wertvolle Hintergrundinformationen zum Thema UX/UI geliefert, welche ich im Nachgan...
Das Seminar hat mir einen guten Einblick in Figma gegeben, sodass ich das Tool jetzt für meine weitere Arbeit gut nutzen kann.