Draw a wireframe in Pencil Project

提供方
Coursera Project Network
在此指導項目中,您將:

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
Beginner初級
Cloud無需下載
Video分屏視頻
Comment Dots英語(English)
Laptop僅限桌面

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.

您要培養的技能

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

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

  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

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

常見問題

常見問題

還有其他問題嗎?請訪問 學生幫助中心