Schöpfung von interaktiven Prototypen mit Adobe XD
A course by José GaleanoProduktdesigner
A course by José Galeano, Produktdesigner
Finde Lösungen zu Nutzerproblemen und erschaffe animierte Hi-Fi-Prototypen für digitale Produkte
Treue und Realismus sind zwei Schlüsselfaktoren beim Entwickeln, Experimentieren und Finden gültiger Lösungen für Benutzerprobleme. Finden Sie heraus, wie Sie das beste digitale Erlebnis garantieren können, indem Sie gemeinsam mit dem Produktdesigner José Galeano interaktive Prototypen erstellen.
In diesem Kurs lernen Sie, mit Adobe XD animierte Prototypen zu erstellen. Wenn Sie fertig sind, verfügen Sie über eine Methode zur Lösung digitaler Produktprobleme und einen Prototyp in der Nähe Ihres Endprodukts, den Sie mit realen Benutzern von jedem mobilen Gerät aus testen können.
Was lernst du in diesem Onlinekurs?
17 Lektionen & 22 Downloads
Was werden wir im Kurs tun?
1 Minute, 28 Sekunden
Was ist ein digitales Produkt?
6 Minuten, 49 Sekunden
Was ist ein Prototyp? Was nützt es, animiert zu sein?
5 Minuten, 31 Sekunden
Was ist Adobe XD? Was sind meine Lieblingswerkzeuge?
8 Minuten, 43 Sekunden
Problem und Ziel
13 Minuten, 25 Sekunden
Forschung und Empfehlungen
14 Minuten, 44 Sekunden
Was ist in diesem Kurs enthalten?
Zunächst lernen Sie Ihren Lehrer José Galeano von seiner Karriere als Designer bis zu seinen täglichen Inspirationsquellen kennen. Außerdem erhalten Sie eine Zusammenfassung von allem, was Sie während des Kurses lernen werden.
Als nächstes werden Sie verstehen, was ein digitales Produkt ist, wie wir mit ihnen interagieren und welche Arbeit dahinter steckt. Ein Teil dieser Arbeit ist das Prototyping. So sehen Sie auch, was ein Prototyp ist und warum es besser ist, animiert zu werden.
Zuerst skizzieren Sie die Benutzeroberfläche auf Papier und übertragen sie dann auf Adobe XD. Basierend auf Ihrer Forschung und Ihrem Ziel werden Sie dann verschiedene visuelle Stile untersuchen, um eine UI-Entscheidung zu treffen und den Aufgabenfluss digital abzuschließen.
Anschließend geben Sie Ihrer Benutzeroberfläche Leben, indem Sie die Links hinzufügen. Später animieren Sie jede Interaktion mit Adobe XD. Auf diese Weise testen Sie die gesamte Erfahrung durch den Spiegel, um Ihren endgültigen Prototyp zu verbessern.
In der letzten Einheit zeigt Ihnen José die letzten Schritte, damit Sie die erforderlichen Tests Ihres Prototyps durchführen können. Darüber hinaus sehen Sie den besten Weg, Ihre Arbeit mit anderen Teams zu teilen, um sie weiterzuentwickeln.
Recommended software & tools for this course
What is this course's project?
Sie entwickeln einen interaktiven High-Fidelity-Prototyp für die Erstellung eines digitalen Produkts.
Projekte von Kursteilnehmenden
Who is this online course for?
Dieser Kurs richtet sich an UI / UX- oder Produktdesign-Enthusiasten.
Requirements and materials
Um alle Kurseinheiten gut verfolgen zu können, wird ein grundlegendes Verständnis von Adobe XD empfohlen.
In Bezug auf Materialien verwenden Sie Bleistift und Papier, ein Mobiltelefon und einen Computer mit installierter Adobe XD-Software.
Bewertungen
- vor 8 Tagen
los temas son superclaros
- vor 8 Monaten
Me encantó este curso, aprendí mucho, la manera en la que José explica los temas es muy clara.
- vor 2 Jahren
Course is difficult to follow if you don't speak Jose's native language. English subtitles don't work another languages are badly translated so I have been struggling with this course. There is also a file missing UI elements-IOS14 which Jose uses in his course but there is no link to upload it. He also doesn't take you step by step through the process of making an app. Just shows you a build and ready app has he has done on his own.
- vor 2 Jahren
No me pareció bueno el curso
- vor 3 Jahren
Es un buen curso, aprendí algunos tips que no te lo enseñan en Youtube :) me pareció muy bueno el feedback que hay con las entrevistas . Superclave para mejorar y terminar el proyecto. 10/10 asi que recomendable
Er kombiniert seinen Beruf als Produktdesigner bei @laboxmx (einer Mystery-Box-Firma, die die Werke von Latino-Künstlern vertreibt) und nimmt Todo va a esta bien auf, einen Podcast, in dem er als Co-Moderator @laboxmx .
Inhalt
- E1
Einführung
- Präsentation
- Meine Einflüsse
- Was werden wir im Kurs tun?
- E2
Willkommen in der Produktwelt
- Was ist ein digitales Produkt?
- Was ist ein Prototyp? Was nützt es, animiert zu sein?
- Was ist Adobe XD? Was sind meine Lieblingswerkzeuge?
- E3
Vom Problem zum Prototyp
- Problem und Ziel
- Forschung und Empfehlungen
- UI-Lösung auf Papier und von Papier zu digital
- Endgültiger UI-Scan und Lösung
- E4
Den Prototyp animieren
- Beginnen wir mit dem Prototyping
- Animieren wir unseren Prototyp 1
- Animieren wir unseren Prototyp 2
- Lass uns den Spiegel ausprobieren
- E5
Testen, iterieren und erstellen
- Exportieren und teilen Sie Ihren Prototyp
- Prototypentest
- Bauen Sie weiter
- AP
Abschlussprojekt
- Interaktives Prototyping mit Adobe XD
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
You’ll learn how to build digital portfolios, design responsive interfaces, prototype and animate digital products in Adobe XD, apply user experience processes, and share your designs to get professional feedback.
This is an intermediate-level course, perfect if you already have basic digital design knowledge or some experience with design tools.
You’ll need basic digital design skills and access to Adobe XD. Having an existing portfolio helps but isn’t required.
Creating a digital portfolio on Behance lets you professionally showcase your work, get feedback, boost your visibility, and open doors to creative job opportunities.
The course teaches you how to adapt interfaces for various devices, making sure your designs look great and work smoothly on phones, tablets, and desktops.
Yes, you’ll learn to build interactive, animated prototypes using Auto Animate, customize transitions, and test animations on real mobile devices.
You’ll discover how to share your projects in communities like Behance, prepare files for review, and use feedback to improve your work.