Overview
-
Learn how to make the switch from traditional design projects to UX and UI design. Explore essential concepts and learn how to design and share a prototype using Adobe XD.
Syllabus
-
Introduction
- Why Adobe XD?
- Graphic design, UX, and UI design differences
- Going from graphic design to UI design
- Introduction to Adobe XD
- Creating your first project
- Adding fonts and text
- Creating graphics
- Importing and using libraries
- Adding effects
- Using Photoshop files
- Sharing for design review
- Creating screens and transitions
- Adding Auto-Animate
- Creating reusable assets
- Button components and interactions
- Adding component states
- Creating mobile layouts
- Adding interactions and sharing
- Using UI Kits
- Creating a screen overlay
- Using Repeat Grid
- Scrolling and pinning content
- Creating draggable images
- Finalizing the prototype
- Preview on a device
- Recording a video of interactions
- Sharing and commenting on prototypes
- Sharing specs and assets with developers
- Next steps
