Create wireframes for different screen sizes in Adobe XD

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

Navigate Adobe XD workspace

Create wireframes for mobile, tablet, and desktop screen sizes

Save and share your homepage mockup

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

By the end of this project, you’ll be able to create wireframes for different screen sizes. You’ll build your wireframes with Adobe XD. XD is a vector-based graphics design and prototyping program. 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 build and test wireframes for a coffee subscription website. First, you’ll get used to navigating the XD workspace. Then you’ll create a wireframe for a mobile screen size. Next, you’ll use that basic design to create a wireframe design for a tablet screen size. Last, you’ll create a wireframe for desktops.. As you complete these you’ll create the artboards, objects, and assets to build basic wireframes. By the end of the project, you’ll be comfortable creating wireframes for different screens with Adobe XD. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

あなたが開発するスキル

Website WireframeWeb DesignAdobe XDGraphic Design

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

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

  1. Navigate Adobe XD workspace

  2. Create wireframes for mobile screen size

  3. Create wireframes for tablet screen size

  4. Create wireframes for desktop screen size

  5. Save and share your homepage mockup

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

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

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

よくある質問

よくある質問

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