Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Adobe XD Essential Training: Prototype & Share

via LinkedIn Learning

Overview

In this course—the final installment in a two-part series—learn how to create and share high-fidelity, fully interactive prototypes using Adobe XD.

Fixing a fundamental mistake in a web app after it has been released can be costly and time-consuming. In this course—the final installment in a two-part series—learn how to avoid such problems by building a high-fidelity, fully interactive prototype that can help you spot issues early in the design process. Instructor Dani Beaumont, a principal product manager on Adobe XD, shares insider tips for creating, sharing, and revising prototypes effectively for user research and testing projects using Adobe XD. Learn how to add animation and motion to your project with Auto-Animate. Discover how to share your prototype and preview it on a variety of devices. Plus, learn how to share your prototypes with developers via design spec links, where they can get all the info they need, including assets.

Syllabus

Introduction
  • Creating prototypes in Adobe XD
  • Prototyping overview
  • About the exercise files
1. Window Management
  • Desktop Preview app
  • Seting viewport height
  • Fixed position when scrolling
2. Triggers and Interactions
  • Introducing triggers and interactions
  • Hover interaction
  • Scroll to interaction
  • Overlay transitions
  • Managing wires
  • Preserving scroll position
  • Keyboards and gamepads
  • Auto-Animate introduction
  • Drag gestures
  • Bringing it all together with audio playback
  • Voice triggers with speech playback
3. Sharing Work with Stakeholders
  • Creating a narrated movie
  • Interacting with a live preview on mobile
  • Exporting image files or PDF
  • Understanding multiple flows
  • Sharing a prototype and security
  • Commenting workflows
  • Usability study
4. Handoff to the Development Process
  • Handing animations off to After Effects
  • Preparing for the developer handoff
  • Creating a design spec
  • Exploring a design spec as a developer
Conclusion
  • Where to go to from here

Taught by

Dani Beaumont

Reviews

Start your review of Adobe XD Essential Training: Prototype & Share

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.