Adobe XD for Designers

Course details

Getting started with Adobe XD as a designer? As a graphic designer, you have a knack for creative problem-solving, a keen understanding of color and layout, and the ability to collaborate with clients—skills that could easily translate to user experience (UX) and user interface (UI) design. If you want to enrich your professional skill set with UX and UI design experience, then this course can help by acquainting you with the techniques and technology you'd need to be successful. Join instructor Paul Trani as he covers essential UI and UX design concepts and works through the steps of how to create and share a prototype using Adobe XD. He helps you get up and running with your first project in Adobe XD by showing how to create and import graphics, build layouts, use components, and add interactions to create a fully functional prototype . Throughout the course, Paul highlights UX design workflows and best practices and how to create and test them on devices using this innovative design and prototyping tool.

Concepts

Introduction

Why Adobe XD

UX, UI, and Adobe XD

Graphic design, UX, and UI design differences
Going from graphic design to UI design
Introduction to Adobe XD

Creating Text and Graphics

Creating your first project
Adding fonts and text
Creating graphics

Importing and Sharing

Importing and using libraries
Adding effects
Using Photoshop files
Sharing for design review

Creating a Desktop Prototype

Creating screens and transitions
Adding Auto-Animate
Creating reusable assets
Button components and interactions
Adding component states

Creating a Mobile Prototype

Creating mobile layouts
Adding interactions and sharing
Using UI Kits
Creating a screen overlay

Advanced Interactions

Using Repeat Grid
Scrolling and pinning content
Creating draggable images
Finalizing the prototype

Testing and Exporting

Preview on a device
Recording a video of interactions
Sharing and commenting on prototypes
Sharing specs and assets with developers

Conclusion

Next steps