Build a High-Fidelity Mobile App Prototype with Adobe XD

Offered By
Coursera Project Network
In this Guided Project, you will:

Learn how to build high-fidelity mobile app prototypes with Adobe XD

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1.5 hour guided project, you will learn how to create a high-fidelity prototype using Adobe XD. High fidelity prototypes closely resemble the intended final product with realistic pictures, actual fonts, typography, spacing, and most importantly, user interface, workflows, and functionality. In this project, we will transform a low-fidelity prototype into a high-fidelity by implementing these characteristics. Completing my other guided project, “Build a Low Fidelity Mobile App Prototype with Adobe XD” first is highly recommended for continuity. A free trial (or subscribed) Adobe account is required. Please create an account or prepare to log in prior to starting the project.

Skills you will develop

Adobe XDDesignUser InterfacePrototypeUser Experience (UX)

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction and overview

  2. Introduce colour palette, background colours, and fonts

  3. Import realistic pictures and captions

  4. Enable Scrolling in the menu

  5. Polish with UI Kits

  6. Make the bottom navigation bar

  7. Make the vegetarian toggle work(around)

  8. Finishing touches

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.