YoVDO

Create wireframes for different screen sizes in Adobe XD

Offered By: Coursera Project Network via Coursera

Tags

Adobe XD Courses User Interface Design Courses Wireframing Courses

Course Description

Overview

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.

Taught by

Jonathan Owen

Related Courses

Crea diseños y prototipos de alta fidelidad en Figma
Coursera Project Network via Coursera
Create Interactive Prototypes with Pidoco
Coursera Project Network via Coursera
Create wireframes for desktop and other devices in Adobe XD
Coursera Project Network via Coursera
Interaction Design
CreativeLive
Design a mobile app interface with Moqups
Coursera Project Network via Coursera