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
()
Ex_Files_Adobe_XD_EssT_Prototype_Share.zip
(44.9 MB)