YoVDO

Learning Adobe XD

Offered By: LinkedIn Learning

Tags

Adobe XD Courses Prototyping Courses Interaction Design Courses User Experience Design Courses Responsive Design Courses Wireframing Courses Vector Graphics Courses Design Systems Courses

Course Description

Overview

Learn how to use Adobe XD for user experience and design projects, and see how it helps you design, prototype, and collaborate on compelling digital experiences.

Syllabus

Introduction
  • Design for different screen sizes
  • What is a prototype?
  • What XD can and can't do
1. The Interface
  • Home screen
  • Interface
  • Menus
  • Artboards
  • Flows
  • Modes
  • Layers
  • Property panel
  • Libraries
  • Preview
  • Saving
  • Device profiles
  • Learning resources
2. Building Screens
  • Artboard
  • Grids
  • Repeat Grid
  • Stacks
  • Scrolling
  • Scroll Groups
  • Responsive Resize
  • Content-Aware
3. Working with Content
  • Import
  • Photoshop
  • Illustrator
  • Sketch
  • Drawing tools overview
  • Alignment
  • Color
  • Gradients
  • Angular Gradient
  • Boolean operations
  • Blend Modes
  • Masking
  • Shadows
  • Blurs
  • Strokes
  • Outline Strokes
  • Text
  • SVG Edit
  • 3D Transform
4. Video and Animation
  • Prepare video
  • Add video
  • Add Lottie files
  • Prepare Lottie files
  • Add Time Triggers
5. Extending XD
  • Plugins
  • Add plugins
  • Use plugins
  • UI kits
  • Icons
  • CC Libraries
  • Faces and places
  • Lottie files
  • Design with plugins
  • Stark
  • Liliane
  • Presentation
6. Creating Prototypes
  • AutoAnimate
  • Triggers and actions
  • Eases
  • Components
  • Component states
  • Multiple interactions
  • Overlays
  • Audio
7. XD and UX
  • Overview
  • Personas
  • Journey Map
  • Touchpoints
  • User flow
  • Task flow
  • Wireframes
  • Wireframe UI kits
  • Wireframer
  • Design systems
  • What is a design token?
  • Design tokens and XD
  • Snippets
  • Design system documentation
  • Integrations
8. Let's XD
  • Card flip
  • Parallax
  • Glass morphism
  • Nested menu
  • Counter
  • Pull-to-refresh
  • Progress bar
  • Animated progress circle
  • Pagination
  • Carousel
  • Videos in the Background
  • Create a Lottie file
  • Use a Lottie file in XD
  • Use hyperlinks
  • Dynamic Island
9. Voice
  • Dynamic Island
  • Creating
  • Voices and localization
  • Narration
  • Voice triggers: Components
  • Alexa UI
  • Google Assistant
10. Publishing and Handoff
  • Share mode
  • Co-editing
  • Live cursor
  • Artboard sharing
  • Exporting assets
  • Commenting
  • Preview
  • Device preview
  • User testing
  • Developer sharing
  • PDF export
  • Behance
Conclusion
  • What's next

Taught by

Tom Green

Related Courses

User Experience Responsive Hero in XD for Beginners
Coursera Project Network via Coursera
Customer Journey Prototyping in XD
Coursera Project Network via Coursera
Fashion E-Commerce in XD
Coursera Project Network via Coursera
Ultimate Web Designer & Web Developer Course
Udemy
Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
Udemy