Draw a wireframe in Pencil Project

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

Create and export a wireframe using Pencil Project

Wireframe an ecommerce home and product pages with dialogue and error messages

Edit images and group, add and align elements into private personalized reusable collections

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

In this 2 hours long guided project you will learn how to create an e-commerce web UI wireframe using Pencil Project. You will create a user interaction and navigation flowchart, sketch re-usable items like header and navigation, group and arrange them into private collections, create home and product page, design dialogue and error messages, link the elements and finally export the prototype in an image, PDF or clickable interactive web format.

Habilidades que desarrollarás

  • Web Design
  • User Interface Design (UI Design)
  • User Interface
  • Web Development

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. Draw a navigation flowchart

  2. Sketch header and menu

  3. Create the home page

  4. Group, arrange and create shapes

  5. Create the product page

  6. Add images

  7. Create dialogue and error messages

  8. Link elements

  9. Export the wireframe

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.