Build a High-Fidelity Prototype for a Mobile App in Adobe XD

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

Put together a high-fidelity design for a coffee subscription service in Adobe XD

Create interactive components, including elements with hover states and the ability to toggle

Create clickable triggers to make your design cohesive and interactive

Clock1.5 hours
Intermediate中級
Cloud無需下載
Video分屏視頻
Comment Dots英語(English)
Laptop僅限桌面

By the end of this project, you’ll be able to create high-fidelity prototypes for mobile apps. You’ll build your prototypes with Adobe XD. XD is a vector-based graphics design and prototyping program for websites and apps. This program gives you the ability to design multiple iterations of apps and webpages, all the way from wireframes to high-fidelity mockups. During this project, you’ll put together a high-fidelity design for a coffee subscription service. First, you’ll get used to navigating the XD workspace. Then you’ll add detail to a mobile screen size mockup. Next, you’ll create interactive components, including elements with hover states and the ability to toggle. Then you’ll bring it all together: create clickable triggers to make your design cohesive and interactive. Finally, you’ll test and share your work! By the end of the project, you’ll be comfortable creating high-fidelity prototypes that let you test and show off completed designs.

您要培養的技能

  • Adobe XD
  • Vector Graphics
  • Graphic Design
  • Prototyping

分步進行學習

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

  1. Navigate Adobe XD workspace

  2. Prepare your high-fidelity design

  3. Create interactive high-fidelity components

  4. Create a high-fidelity prototype with XD’s Prototype window

  5. Save and share your high-fidelity mobile app prototype

指導項目工作原理

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

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

常見問題

常見問題

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