Build a Lo-Fi Responsive Website Prototype with Adobe XD

ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

The basics of laying out objects in Adobe XD

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

Clock2 hours
BeginnerPrincipiante
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

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.

Habilidades que desarrollarás

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

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  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

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.