Build a High-Fidelity Mobile App Prototype with Adobe XD

提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

Learn how to build high-fidelity mobile app prototypes with Adobe XD

Clock2 hours
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

In this 1.5 hour guided project, you will learn how to create a high-fidelity prototype using Adobe XD. High fidelity prototypes closely resemble the intended final product with realistic pictures, actual fonts, typography, spacing, and most importantly, user interface, workflows, and functionality. In this project, we will transform a low-fidelity prototype into a high-fidelity by implementing these characteristics. Completing my other guided project, “Build a Low Fidelity Mobile App Prototype with Adobe XD” first is highly recommended for continuity. 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
  • Design
  • User Interface
  • Prototype
  • User Experience (UX)

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  1. Introduction and overview

  2. Introduce colour palette, background colours, and fonts

  3. Import realistic pictures and captions

  4. Enable Scrolling in the menu

  5. Polish with UI Kits

  6. Make the bottom navigation bar

  7. Make the vegetarian toggle work(around)

  8. Finishing touches

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。