Aus dem Kurs: Adobe XD lernen
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Vom Wireframe zum Mockup – Tutorial zu Adobe XD
Aus dem Kurs: Adobe XD lernen
Vom Wireframe zum Mockup
Nachdem wir nun grünes Licht für unser Wireframe bekommen haben, ist es Zeit, dieses Wireframe in ein richtiges, grafisches Layout mit Detailangaben, also ein Mockup zu überführen. Und dabei wird es jetzt konkreter umgehen, dass wir die Designvorschriften auch ausarbeiten. Das bedeutet, wir stellen die korrekten Farben ein, wir verwenden die richtige Typografie und wählen auch schon das richtige Design, wie es später in der Applikation dann sein soll, aus. Und dafür haben wir uns in einem vorherigen Schritt bereits UI-Kits besorgt, und zwar in unserem Fall die Apple Design Resources. Und da gibt es hier unter UI-Elements eine Auflistung von Dateien, das sehen wir hier, einmal für das iPad, für das iPhone 8 und für das iPhone 10. Ich habe jetzt unser Layout für das iPhone 8 entwickelt. Ich selbst besitze eine iPhone 10 und schließe das auch gleich an meinem Rechner an, sodass es dort also schon eine Unterscheidung gibt. Das ist aber im weitesten Sinne nicht schlimm. Man muss natürlich…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
(Gesperrt)
Teamarbeit mit PDF-Dokumentation5 Min. 13 Sek.
-
(Gesperrt)
Die Desktop-Vorschau als Kontrollansicht3 Min. 49 Sek.
-
Die Demonstration des Wireframes auf einem Device3 Min. 33 Sek.
-
(Gesperrt)
Abstimmung mit Hilfe einer Videoaufzeichnung3 Min. 1 Sek.
-
(Gesperrt)
Videoaufzeichnung mit Audiokommentar4 Min. 21 Sek.
-
(Gesperrt)
Teamarbeit mit Adobe XD4 Min. 54 Sek.
-
(Gesperrt)
Wireframe in der Creative Cloud veröffentlichen4 Min. 21 Sek.
-
(Gesperrt)
UI-Kits installieren3 Min.
-
(Gesperrt)
Vom Wireframe zum Mockup7 Min. 47 Sek.
-
(Gesperrt)
Das Wiederholungsraster für schnelle Fotolisten5 Min. 50 Sek.
-
(Gesperrt)
Texte mit dem Wiederholungsraster nutzen3 Min. 37 Sek.
-
(Gesperrt)
Echte Usability mit dem Wiederholungsraster4 Min. 52 Sek.
-
(Gesperrt)
Austausch von Design-Spezifikationen mit Entwicklern4 Min. 18 Sek.
-
(Gesperrt)
Challenge: Finalisierung zum fertigen Mockup1 Min. 55 Sek.
-
(Gesperrt)
Solution: Finalisierung zum fertigen Mockup2 Min. 3 Sek.
-
(Gesperrt)
-
-