Adobe XD for Designers

Learn how to make the switch from traditional design projects to UX and UI design. Explore essential concepts, and ways to design and share a prototype using Adobe XD CC.

Introduction

• Expand your design skills to include UX and UI

1. Overview

• What are UX and UI design?
• Transitioning from graphic design to UX/UI
• What is Adobe XD?

2. Creating Graphics and Text

• Using the workspace and tools
• Drawing and editing graphics
• Adding fonts and text
• Adding color and gradients

3. Adding Imagery

• Adding images and effects
• Using Illustrator and Creative Cloud Libraries
• Using Photoshop with Adobe XD

4. Creating Multiple Screens

• Creating, previewing, and sharing screens
• Using and reusing symbols
• Using Repeat Grid

5. Creating Interactions

• Prototyping interactions and transitions
• Scrolling and pinning content
• Creating overlays

6. Prototype for Web and Apps

• Designing for different screen sizes
• Testing on mobile devices
• Using graphics from UI kits

7. Sharing and Exporting

• Sharing and commenting on prototypes
• Recording a video of interactions
• Sharing design specs with developers
• Exporting artboards and assets

Conclusion

• Resources and next steps