UI/UX-Design mit Sketch - Webinar von GFU Cyrus AG
Inhalte
- Einführung in Sketch
- Überblick und Funktionen: Erklärung, was Sketch ist, seine Hauptmerkmale und die Vorteile der Nutzung für UI/UX-Design.
- Anwendungsbereiche: Diskussion der typischen Anwendungsfälle von Sketch, einschließlich Webdesign, Mobile App-Design und Prototyping.
- Systemanforderungen und Installation
- Hardware- und Software-Anforderungen: Übersicht über die benötigten Systemressourcen und Softwarevoraussetzungen zur Nutzung von Sketch.
- Installation: Schritt-für-Schritt-Anleitung zur Installation von Sketch auf macOS.
- Erste Konfiguration: Grundlegende Einrichtung und Konfiguration von Sketch, einschließlich der Benutzeroberfläche und Werkzeuge.
- Grundlegende Konzepte und Benutzeroberfläche
- Sketch Benutzeroberfläche: Einführung in die Benutzeroberfläche von Sketch, einschließlich der wichtigsten Werkzeuge und Funktionen.
- Navigieren in Sketch: Erklärung der Navigation durch verschiedene Artboards, Layer und Symbole.
- Erstellen von Design-Elementen
- Grundlegende Design-Techniken: Anleitung zur Erstellung von Formen, Texten und Bildern in Sketch.
- Arbeiten mit Layern: Nutzung von Layern zur Organisation und Strukturierung des Designs.
- Farben und Typografie: Verwaltung von Farben, Farbpaletten und Typografie in Sketch.
- Erstellen von Artboards und Layouts
- Artboards: Einführung in die Nutzung von Artboards zur Erstellung von responsiven Layouts.
- Layouts und Raster: Erstellung von Layouts mit Rasterlinien und Hilfslinien zur Sicherstellung eines konsistenten Designs.
- Symbole und Wiederverwendbarkeit: Nutzung von Symbolen zur Erstellung wiederverwendbarer Design-Elemente.
- Erweiterte Design-Techniken
- Prototyping: Erstellung von interaktiven Prototypen mit Sketch, einschließlich Verknüpfungen und Übergängen.
- Animationen: Einführung in die Erstellung von einfachen Animationen und Übergängen.
- Plugins: Installation und Nutzung von Plugins zur Erweiterung der Funktionen von Sketch.
- Teamarbeit und Zusammenarbeit
- Sketch Cloud: Nutzung von Sketch Cloud zur Zusammenarbeit und Freigabe von Designs.
- Kommentare und Feedback: Verwaltung von Kommentaren und Feedback direkt in Sketch.
- Integration und Export
- Integration mit anderen Tools: Techniken zur Integration von Sketch mit anderen Design- und Entwicklungstools wie Zeplin, InVision und Abstract.
- Export und Übergabe: Anleitung zur Erstellung von Exporten und zur Übergabe von Design-Dateien an Entwickler.
- Design-Systeme und Bibliotheken
- Design-Systeme: Einführung in die Erstellung und Verwaltung von Design-Systemen in Sketch.
- Bibliotheken: Nutzung von Bibliotheken zur Verwaltung und Freigabe von Design-Elementen und Stilen über mehrere Projekte hinweg.
- Fallstudien und Best Practices
- Fallstudie 1: Redesign einer Unternehmenswebsite
- Problemstellung: Bedarf an einem modernen und benutzerfreundlichen Redesign der Unternehmenswebsite.
- Lösung: Nutzung von Sketch zur Erstellung von Wireframes, Mockups und interaktiven Prototypen.
- Ergebnis: Verbesserte Benutzererfahrung, konsistentes Design und schnellere Abstimmung mit Stakeholdern.
- Fallstudie 2: Mobile App-Design für ein E-Commerce-Unternehmen
- Problemstellung: Bedarf an einem ansprechenden und funktionalen Design für eine mobile E-Commerce-App.
- Lösung: Einsatz von Sketch zur Erstellung von responsiven Layouts und interaktiven Prototypen.
- Ergebnis: Erhöhte Benutzerzufriedenheit und Conversion-Rate durch ein intuitives und attraktives Design.
- Fallstudie 3: Entwicklung eines Design-Systems für ein großes Unternehmen
- Problemstellung: Bedarf an einem konsistenten Design über mehrere Produkte und Teams hinweg.
- Lösung: Erstellung und Verwaltung eines umfassenden Design-Systems in Sketch, einschließlich Bibliotheken und wiederverwendbarer Komponenten.
- Ergebnis: Konsistentes Design, verbesserte Zusammenarbeit und schnellere Design-Prozesse.
- Fallstudie 4: Prototyping einer interaktiven Dashboard-Anwendung
- Problemstellung: Bedarf an einem interaktiven Prototypen zur Visualisierung von Daten in einem Dashboard.
- Lösung: Nutzung von Sketch zur Erstellung von interaktiven Prototypen mit Animationen und Übergängen.
- Ergebnis: Verbesserte Kommunikation der Anforderungen, schnellere Iterationen und fundierte Entscheidungen durch realistisches Prototyping.
- Fallstudie 1: Redesign einer Unternehmenswebsite
- Einführung in Sketch
- Überblick und Funktionen: Erklärung, was Sketch ist, seine Hauptmerkmale und die Vorteile der Nutzung für UI/UX-Design.
- Anwendungsbereiche: Diskussion der typischen Anwendungsf ...
Lernziele
Am Ende des Seminars sind die Teilnehmenden in der Lage, Sketch effektiv zu installieren, zu konfigurieren und zu nutzen. Sie lernen, wie sie Design-Elemente erstellen, Layouts gestalten und interaktive Prototypen entwickeln können.
Am Ende des Seminars sind die Teilnehmenden in der Lage, Sketch effektiv zu installieren, zu konfigurieren und zu nutzen. Sie lernen, wie sie Design-Elemente erstellen, Layouts gestalten und interakti ... Mehr Informationen >>
Zielgruppen
Dieses Seminar richtet sich an UI/UX-Designer, Webdesigner, Mobile App-Designer und alle, die Sketch zur Verbesserung ihres Designprozesses nutzen möchten. Grundlegende Kenntnisse in Design und Prototyping sind hilfreich, aber nicht zwingend erforderlich.
Dieses Seminar richtet sich an UI/UX-Designer, Webdesigner, Mobile App-Designer und alle, die Sketch zur Verbesserung ihres Designprozesses nutzen möchten. Grundlegende Kenntnisse in Design und Protot ... Mehr Informationen >>
Termine und Orte
| Datum | Dauer | Preis | ||
|---|---|---|---|---|
| Webinar | ||||
| 27.06.2025 | 7 h | Mehr Informationen > | Jetzt buchen › | |