Draw an interactive wireframe in Mockplus

Offert par
Coursera Project Network
Dans ce Projet Guidé, vous :

Draw an interaction flowchart and mobile wireframe

A​dd interactive elements

O​rganize components, preview and test

Clock2 hours
BeginnerDébutant
CloudAucun téléchargement requis
VideoVidéo en écran partagé
Comment DotsAnglais
LaptopOrdinateur de bureau uniquement

In this 2-hour long project-based course, you will learn how to create an interactive wireframe for a social book reading app with Mockplus, drafting an interaction flowchart in connect mode, drawing the wireframe with multiple components, adding interactive elements, grouping, ordering and aligning the components on screen with the aid of grids and guides, and finally previewing and testing. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Les compétences que vous développerez

  • Website Wireframe
  • Design
  • UI
  • mobile
  • Web

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. Create an account and set up the canvas

  2. Draw the interaction flowchart in connect mode

  3. Create pages, draw headers and image placeholders

  4. Draw the homepage content

  5. Add icons

  6. Group, order and align

  7. Create sub artboards and add interactions

  8. PRACTICE : Draw the book details page

  9. PRACTICE: Preview and test

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Foire Aux Questions

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.