Build a low-fidelity prototype for a mobile app in Adobe XD

제공자:
Coursera Project Network
학습자는 이 안내 프로젝트에서 다음을 수행하게 됩니다.

Navigate Adobe XD

C​reate an interactive app prototype

T​est and share your prototype

Clock2 hours
Intermediate중급
Cloud다운로드 필요 없음
Video분할 화면 동영상
Comment Dots영어
Laptop데스크톱 전용

By the end of this project, you’ll be able to create low-fidelity prototypes for mobile apps. You’ll build your wireframes 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 webpages, all the way from wireframes to high-fidelity mockups. When you use XD to create wireframes, you’ll be able to test and compare lots of different layouts—then save and share those designs. During this project, you’ll put together a low-fidelity design for a coffee subscription service. First, you’ll get used to navigating the XD workspace. Then you’ll create a wireframe for a mobile screen size. Next, you’ll create an interactive button that will help users navigate your prototype. Then you’ll connect all the pieces with clickable triggers to simulate links between different portions of your design. Finally, you’ll test and share your work! By the end of the project, you’ll be comfortable creating prototypes for quick proof of concept and usability testing.

개발할 기술

  • Adobe XD
  • Graphic Design
  • App design
  • Prototyping

단계별 학습

작업 영역이 있는 분할 화면으로 재생되는 동영상에서 강사는 다음을 단계별로 안내합니다.

  1. Navigate Adobe XD workspace

  2. Prepare your low-fidelity design for prototyping

  3. Create interactive components

  4. Use XD’s Prototype window to create your prototype

  5. Save and share your mobile app prototype

안내형 프로젝트 진행 방식

작업 영역은 브라우저에 바로 로드되는 클라우드 데스크톱으로, 다운로드할 필요가 없습니다.

분할 화면 동영상에서 강사가 프로젝트를 단계별로 안내해 줍니다.

자주 묻는 질문

자주 묻는 질문

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.