Build a Lo-Fi Responsive Website Prototype with Adobe XD

Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

The basics of laying out objects in Adobe XD

How to make a low-fidelity prototypes responsive with Adobe XD

Clock2 hours
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

In this 1.5 hour guided project, you will learn how to create a low-fidelity responsive website prototype using Adobe XD. Low fidelity prototypes focus on the workflow and content rather than typographic details. Website prototypes in particular also pay attention to displaying on a wide variety of device screen sizes and set clear examples and expectations of the overall picture for users and development teams. A free trial (or subscribed) Adobe account is required. Please create an account or prepare to log in prior to starting the project.

Kompetenzen, die Sie erwerben werden

  • Adobe XD
  • UI
  • website
  • Prototype
  • User Experience (UX)

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. Introduction and overview

  2. Set up the wireframe layout of our website

  3. Set up the images and text

  4. Make Adobe XD responsive resize work for us as much as possible

  5. Make a 1076 pixels version

  6. Make a 768 pixels version

  7. Make a 380 pixels version

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.