Adobe XD for Designers
1h 47mBeginner2021-11-05
Authors

Paul Trani
Develops interactive projects for agencies and corporations
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.
Skills covered
WireframingAdobe XDUX DesignUser ExperiencePersonaAdobeWeb Development
Concepts
0. Introduction
- 01 - Why Adobe XD
1. UX, UI, and Adobe XD
- 02 - Graphic design, UX, and UI design differences
- 03 - Going from graphic design to UI design
- 04 - Introduction to Adobe XD
2. Creating Text and Graphics
- 05 - Creating your first project
- 06 - Adding fonts and text
- 07 - Creating graphics
3. Importing and Sharing
- 08 - Importing and using libraries
- 09 - Adding effects
- 10 - Using Photoshop files
- 11 - Sharing for design review
4. Creating a Desktop Prototype
- 12 - Creating screens and transitions
- 13 - Adding Auto-Animate
- 14 - Creating reusable assets
- 15 - Button components and interactions
- 16 - Adding component states
5. Creating a Mobile Prototype
- 17 - Creating mobile layouts
- 18 - Adding interactions and sharing
- 19 - Using UI Kits
- 20 - Creating a screen overlay
6. Advanced Interactions
- 21 - Using Repeat Grid
- 22 - Scrolling and pinning content
- 23 - Creating draggable images
- 24 - Finalizing the prototype
7. Testing and Exporting
- 25 - Preview on a device
- 26 - Recording a video of interactions
- 27 - Sharing and commenting on prototypes
- 28 - Sharing specs and assets with developers
Conclusion
- 29 - Next steps