Build a Hi-Fi Responsive Website Prototype with Adobe XD

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

Learn the characteristics of high-fidelity prototypes

Learn how to use colours, fonts, images in Adobe XD

Learn how to establish interactivities to emulate the end product

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

Build a Hi-Fi Responsive Website Prototype with Adobe XD

Skills you will develop

  • high-fidelity prototype
  • Adobe XD
  • User Interface
  • User Experience (UX)
  • Responsive Web Design

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. Add colours and set up the colour assets

  3. Add realistic pizza images

  4. Set the text to actual text and fonts

  5. Set up the mini popup menu

  6. Add a pizza detail screen for the smallest screen size

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.