Learning Adobe XD
Offered By: LinkedIn Learning
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
- Home screen
- Interface
- Menus
- Artboards
- Flows
- Modes
- Layers
- Property panel
- Libraries
- Preview
- Saving
- Device profiles
- Learning resources
- Artboard
- Grids
- Repeat Grid
- Stacks
- Scrolling
- Scroll Groups
- Responsive Resize
- Content-Aware
- 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
- Prepare video
- Add video
- Add Lottie files
- Prepare Lottie files
- Add Time Triggers
- Plugins
- Add plugins
- Use plugins
- UI kits
- Icons
- CC Libraries
- Faces and places
- Lottie files
- Design with plugins
- Stark
- Liliane
- Presentation
- AutoAnimate
- Triggers and actions
- Eases
- Components
- Component states
- Multiple interactions
- Overlays
- Audio
- 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
- 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
- Dynamic Island
- Creating
- Voices and localization
- Narration
- Voice triggers: Components
- Alexa UI
- Google Assistant
- Share mode
- Co-editing
- Live cursor
- Artboard sharing
- Exporting assets
- Commenting
- Preview
- Device preview
- User testing
- Developer sharing
- PDF export
- Behance
- What's next
Taught by
Tom Green
Related Courses
UX Design for Mobile DevelopersGoogle via Udacity Information Design
University of California, San Diego via Coursera Web Application Development: The Presentation Tier
University of New Mexico via Coursera Desarrollo de Aplicaciones Web: Nivel de PresentaciĆ³n
University of New Mexico via Coursera UX Design: From Concept to Wireframe
University of Michigan via edX