Build a Lo-Fi Responsive Website Prototype with Adobe XD

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

The basics of laying out objects in Adobe XD

How to make a low-fidelity prototypes responsive with Adobe XD

Clock2 hours
Beginner初級
Cloud無需下載
Video分屏視頻
Comment Dots英語(English)
Laptop僅限桌面

In this 1.5 hour guided project, you will learn how to create a low-fidelity responsive website prototype using Adobe XD. Low fidelity prototypes focus on the workflow and content rather than typographic details. Website prototypes in particular also pay attention to displaying on a wide variety of device screen sizes and set clear examples and expectations of the overall picture for users and development teams. A free trial (or subscribed) Adobe account is required. Please create an account or prepare to log in prior to starting the project.

您要培養的技能

  • Adobe XD
  • UI
  • website
  • Prototype
  • User Experience (UX)

分步進行學習

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

  1. Introduction and overview

  2. Set up the wireframe layout of our website

  3. Set up the images and text

  4. Make Adobe XD responsive resize work for us as much as possible

  5. Make a 1076 pixels version

  6. Make a 768 pixels version

  7. Make a 380 pixels version

指導項目工作原理

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

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

常見問題

常見問題

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