Build a High-Fidelity Prototype for a Mobile App in Adobe XD

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

Put together a high-fidelity design for a coffee subscription service in Adobe XD

Create interactive components, including elements with hover states and the ability to toggle

Create clickable triggers to make your design cohesive and interactive

Clock1.5 hours
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

By the end of this project, you’ll be able to create high-fidelity prototypes for mobile apps. You’ll build your prototypes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability to design multiple iterations of apps and webpages, all the way from wireframes to high-fidelity mockups. During this project, you’ll put together a high-fidelity design for a coffee subscription service. First, you’ll get used to navigating the XD workspace. Then you’ll add detail to a mobile screen size mockup. Next, you’ll create interactive components, including elements with hover states and the ability to toggle. Then you’ll bring it all together: create clickable triggers to make your design cohesive and interactive. Finally, you’ll test and share your work! By the end of the project, you’ll be comfortable creating high-fidelity prototypes that let you test and show off completed designs.

Kompetenzen, die Sie erwerben werden

  • Adobe XD
  • Vector Graphics
  • Graphic Design
  • Prototyping

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  1. Navigate Adobe XD workspace

  2. Prepare your high-fidelity design

  3. Create interactive high-fidelity components

  4. Create a high-fidelity prototype with XD’s Prototype window

  5. Save and share your high-fidelity mobile app prototype

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.