Adobe XD Essential Training: Design

Create great user experiences for any size screen using Adobe XD. This course shows you how to design a wide variety of interfaces, quickly and efficiently.

Introduction

• Welcome to Adobe XD: Design

1. Exploring the User Interface

• Creating a new document
• Adding an artboard
• Opening an existing document
• Workspace layouts and panels
• Navigating the design canvas
• Working with the exercise files

2. Design Basics

• Rectangle, ellipse, and polygon tools
• Converting shapes to paths
• Pen tool
• Path vs. line and outline strokes
• Borders, fills, and dashed lines and gradients
• Paste attributes
• Boolean operations
• Color controls

3. Asset Types

• Introduction
• Open and roundtrip Illustrator content
• Open and roundtrip Photoshop content
• Placing and masking images
• Applying blend modes
• Working with Lottie animations
• Working with videos
• Audio file transitions (sneak peek)

4. Text Controls

• Auto width, auto height, fixed height and width
• Character style formatting
• Saving and overriding character styles

5. Transform

• Scale, rotate, flip, constrain dimensions
• Scroll groups
• 3D transforms

6. Layout Techniques

• Guides
• Grids
• Aligning objects
• Paste in place
• Navigating the layers panel
• Repeat grid

7. Content-Aware Layout

• Padding
• Stacks
• Responsive resize

8. Appearance and Effects

• Eyedropper
• Opacity
• Fill color and gradients
• Inner and drop shadow
• Background blur

9. Components and States

• Introducing components
• Defining a component
• Creating component instances
• Nesting and swapping components
• Combining components with repeat grid
• Defining component states

10. Organizing Assets

• Understanding document asset views
• Search and filter
• Managing sub groups

Conclusion

• Where to go to from here