ADB_UX_0L1: UX Prototyping with Adobe XD

Become an EPIC Affiliate

To view the class schedule you need to become an Affiliate

  • Largest “Guaranteed To Run” public technical training schedules available
  • Easy to become an Affiliate – no charge or fee
Become an EPIC Affiliate

already an Affiliate?  Login

About this Course

This course is designed to introduce UX design concepts while learning the Adobe XD application. Learn how to use Adobe XD to design, prototype, and share your web and mobile app designs. The UX (User Experience) design workflow can be optimized by using this Adobe prototyping tool. Through class discussion, presented examples and hands-on tutorials students will be introduced to the planning and design processes used in the development of a UX project.

Audience Profile

Anyone new to UX design who is responsible for creating and presenting new web or mobile product designs will find this class indispensable. Current web and graphic designers who want to improve their interactive prototyping skills.

At Course Completion

  • What is the UX design and the development process
  • How does Adobe XD fit into the development process
  • Getting to familiar with the XD workspace
  • Setting up your XD project
  • Creating graphics for the project with XD drawing tools
  • Working with images and text
  • Organizing content with layers, groups and precision positioning
  • Using the assets panel and CC libraries
  • Using effects and grids
  • Creating an interactive prototype
  • Sharing your prototype
  • Preparing and sharing design specs

Outline

Lesson 1:  What is UX and why we need it

Who needs UX design? Why a good UI isn't enough? How to plan and manage a new UX project.

 

Lesson 2: Introducing Adobe XD

What is UX and how does Adobe XD fit into the design process. Get familiar with the XD workspace.

 

Lesson 3: Creating Graphics

Create and edit shapes. Using fills and borders. Using pen tolls. Working with UI kits.

 

Lesson 4: Adding Images and Text

Importing and transforming images. Bringing in content from other applications. Masking content. Adding and formatting text.

 

Lesson 5: Organizing Content

Working with layers. Arranging, grouping and aligning content. Positioning objects precisely.

 

Lesson 6: Working with Assets and CC Libraries

Understanding the assets panel. Adding and saving colors and styles. Using symbols. Working with Creative Cloud Libraries.

 

Lesson 7: Using Effects and Grids

Understanding effects and how edit them. Work with gradients and transparency. The power of repeating grids.

 

Lesson 8: Prototyping

Understanding Prototyping. XD Prototyping mode vs. Design mode. Setting a home screen. Linking content. Previewing locally on a device. Recording prototype interactions.

 

Lesson 9: Sharing Your Prototype

Different sharing methods. Updating a shared prototype. Commenting on a shared prototype. Managing shared prototypes.

 

Lesson 10: Sharing Design Specs and Exporting

Share design specs. Update design specs. Export assets.

Prerequisites

Before taking this course, students should be familiar with the basic functions of their computer's operating system such as creating folders, launching programs and working with windows. Students should also have basic Windows application skills such as copying and pasting objects, formatting text, and saving files.