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Английский
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

Как устроены проекты с консультациями

Ваше рабочее пространство — это облачный рабочий стол в браузере. Ничего не нужно загружать.

На разделенном экране видео преподаватель предоставляет пошаговые

Часто задаваемые вопросы

Часто задаваемые вопросы

Остались вопросы? Посетите Центр поддержки учащихся.