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

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…

Inhalt