Draw an interactive wireframe in Mockplus

提供方
Coursera Project Network
在此指导项目中,您将:

Draw an interaction flowchart and mobile wireframe

A​dd interactive elements

O​rganize components, preview and test

Clock2 hours
Beginner初级
Cloud无需下载
Video分屏视频
Comment Dots英语(English)
Laptop仅限桌面

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.

您要培养的技能

  • Website Wireframe
  • Design
  • UI
  • mobile
  • Web

分步进行学习

在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:

  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

指导项目工作原理

您的工作空间就是浏览器中的云桌面,无需下载

在分屏视频中,您的授课教师会为您提供分步指导

常见问题

常见问题

还有其他问题吗?请访问 学生帮助中心