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英語
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

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

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

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

よくある質問

よくある質問

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