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

Intro to the Design of Everyday Things
Udacity
Android. Programación de Aplicaciones
Miríadax
Programming Mobile Applications for Android Handheld Systems: Part 1
University of Maryland, College Park via Coursera
Mobile and Ubiquitous Computing
Georgia Institute of Technology via Coursera
Android: Introducción a la Programación
Universitat Politècnica de València via edX