UX Prototyping with Adobe XD

Elevate your UX design skills and accelerate project development by mastering Adobe XD, the essential prototyping tool for creating stunning web and mobile app designs.

Course Thumbnail

Essential Skills Gained

Checkmark

Understand UX design and development processes

Checkmark

Learn to use Adobe XD effectively in projects

Checkmark

Create and share interactive prototypes

Checkmark

Optimize content organization and design precision

Format

  • Instructor-led
  • 2 days with lectures and hands-on labs.

Audience

  • New UX designers
  • Web designers
  • Graphic designers
  • Product managers

Description

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.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Lesson 1: What is UX and why we need it

  1. Who needs UX design?

  2. Why a good UI isn't enough?

  3. How to plan and manage a new UX project.

Lesson 2: Introducing Adobe XD

  1. What is UX and how does Adobe XD fit into the design process.

  2. Get familiar with the XD workspace.

Lesson 3: Creating Graphics

  1. Create and edit shapes.

  2. Using fills and borders.

  3. Using pen tools.

  4. Working with UI kits.

Lesson 4: Adding Images and Text

  1. Importing and transforming images.

  2. Bringing in content from other applications.

  3. Masking content.

  4. Adding and formatting text.

Lesson 5: Organizing Content

  1. Working with layers.

  2. Arranging, grouping and aligning content.

  3. Positioning objects precisely.

Lesson 6: Working with Assets and CC Libraries

  1. Understanding the assets panel.

  2. Adding and saving colors and styles.

  3. Using symbols.

  4. Working with Creative Cloud Libraries.

Lesson 7: Using Effects and Grids

  1. Understanding effects and how to edit them.

  2. Work with gradients and transparency.

  3. The power of repeating grids.

Lesson 8: Prototyping

  1. Understanding Prototyping.

  2. XD Prototyping mode vs. Design mode.

  3. Setting a home screen.

  4. Linking content.

  5. Previewing locally on a device.

  6. Recording prototype interactions.

Lesson 9: Sharing Your Prototype

  1. Different sharing methods.

  2. Updating a shared prototype.

  3. Commenting on a shared prototype.

  4. Managing shared prototypes.

Lesson 10: Sharing Design Specs and Exporting

  1. Share design specs.

  2. Update design specs.

  3. Export assets.

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.