LinkedIn Learning
Free Trial Available
English
Certificate Available
5 hours worth of material
selfpaced
Overview
Get up and running quickly with Adobe XD CC, an innovative tool used for UI and UX design and prototyping.
Adobe XD CC is an innovative tool used for UI and UX design and prototyping. In this course, instructor Tom Green provides an overview of the features and functionality in this design and prototyping tool, as well as how it can help you design compelling digital experiences. Tom gives a tour of its capabilities and features and shows the different ways you can share your prototypes. Plus, he covers productivity-boosting features like 3D Transforms and new voice options, explains how to go from concept to interactive prototype, and more.
Adobe XD CC is an innovative tool used for UI and UX design and prototyping. In this course, instructor Tom Green provides an overview of the features and functionality in this design and prototyping tool, as well as how it can help you design compelling digital experiences. Tom gives a tour of its capabilities and features and shows the different ways you can share your prototypes. Plus, he covers productivity-boosting features like 3D Transforms and new voice options, explains how to go from concept to interactive prototype, and more.
Introduction
- Designing for different screen sizes
- PC differences
- Home screen
- Interface overview
- Using artboards
- The Design, Prototype and Share modes
- Layers panel
- Properties panel
- Creating components
- Previewing your work
- Accessing learning resources
- Saving your work
- Plugins overview
- Adding plugins
- Using plugins
- UI kits
- Icon sets
- Creative Cloud Libraries
- Application integrations
- Artboards
- Multiple Flows
- Grids and guides
- Repeat Grid
- Stacks
- Scrolling
- Scroll groups
- Responsive resize
- Content-Aware Layout
- Design system
- Import content
- Photoshop
- Illustrator
- Working with Sketch
- Creating and using masks
- Working with color
- Making XD accessible
- Using blurs
- Using icons
- Drawing icons
- SVG edit
- Working with text
- Using 3D transforms
- Overview
- Triggers and actions
- Eases
- Component states
- Applying multiple interactions
- Overlays
- Using Flows
- Audio playback
- Card flip
- Create an animated login
- Photo carousel
- Progress bars and sliders
- Playing with time
- Create common design patterns
- Creating parallax effects
- Pagination
- After Effects integration
- Game controllers
- Instagram story
- Why use voice interactions
- Creating voice interactions
- Voices and localization
- Audio narration
- Google Assistant
- Using the Share mode
- Coediting
- Commenting
- Using the preview feature
- Preparing for developer handoff
- CSS snippets
- Creating design tokens
- PDF export
- Goodbye
Syllabus
Introduction
- Designing for different screen sizes
- PC differences
- Home screen
- Interface overview
- Using artboards
- The Design, Prototype and Share modes
- Layers panel
- Properties panel
- Creating components
- Previewing your work
- Accessing learning resources
- Saving your work
- Plugins overview
- Adding plugins
- Using plugins
- UI kits
- Icon sets
- Creative Cloud Libraries
- Application integrations
- Artboards
- Multiple Flows
- Grids and guides
- Repeat Grid
- Stacks
- Scrolling
- Scroll groups
- Responsive resize
- Content-Aware Layout
- Design system
- Import content
- Photoshop
- Illustrator
- Working with Sketch
- Creating and using masks
- Working with color
- Making XD accessible
- Using blurs
- Using icons
- Drawing icons
- SVG edit
- Working with text
- Using 3D transforms
- Overview
- Triggers and actions
- Eases
- Component states
- Applying multiple interactions
- Overlays
- Using Flows
- Audio playback
- Card flip
- Create an animated login
- Photo carousel
- Progress bars and sliders
- Playing with time
- Create common design patterns
- Creating parallax effects
- Pagination
- After Effects integration
- Game controllers
- Instagram story
- Why use voice interactions
- Creating voice interactions
- Voices and localization
- Audio narration
- Google Assistant
- Using the Share mode
- Coediting
- Commenting
- Using the preview feature
- Preparing for developer handoff
- CSS snippets
- Creating design tokens
- PDF export
- Goodbye
Taught by
Tom Green