Welcome to my brand new course, “Learn Adobe XD: UX Designing and Prototyping” where I teach you how to navigate around and use the tools of Adobe XD efficiently while also teaching you UX design best practices as we design and prototype an app together.
This course is normally $70 but to celebrate the launch, for a limited time, I am offering the course for only $10!
What is Adobe XD?
Adobe XD is a brand new tool for UI/UX designers that gives you the power to design and prototype an entire app, all from one program. This is what makes adobe XD so powerful amongst other competitors. With ease you can switch between design and linking prototypes to have an interactive design assembled within minutes of launching the app for the first time.
Course instructor
My name is Caleb, I’ve been a UX designer for over 7 years as I founded my company, brainspin. I’m also the founder of Salt Lake Designers. A local design community that I host to share design industry news, workshops and best practices.
Course pre-requisites
No prior UX/UI knowlege necessary. This course is built to teach you adobe XD as well as serve as an introduction into UX design. This means, this course services all skill levels.
Who should take this course?
Anyone brand new to UX design
Experienced designers wanting to learn Adobe XD
What you will learn?
How to efficiently use the tools in Adobe XD to create designs and prototypes with speed and ease.
Best practices on how to set up your project for rapid layout and graphic changes across the project.
How to share your designs and prototypes with commenting features for quick feedback.
How to design multiple artboards and prototype them during your design.
Adobe XD Curriculum
Getting started
Course Introduction
Using the exercise files
Section 2: Getting familiar with Adobe XD
The start screen
The interface
The menu
The tools panel
The properties panel
Using UI templates
The assets panel
Creating and using symbols
The layers panel
The prototype workspace
Using device preview
Sharing prototypes
Section 3: Creating your first project
Setting up your artboards and grids
Creating a wireframe
Designing a wireframe
Creating icons
Adding and formatting text
Using repeat grids
Working with color
Importing images
Designing a login screen
Creating a background blur
Prototyping your design
Testing your prototype
Section 4: Working with images and vectors
Importing assets
Masking images with a shape
Section 5: Creating reusable content
Using repeat grid to design a popup menu
Creating a custom color palette and color styles
Editing SVG imports
Section 6: Publishing your prototype and exporting assets for developer handoff
Using device preview to quickly discover and fix errors
Using desktop preview
Sharing and commenting on your prototype
Exporting assets for developer handoff
Section 7: Conclusion
Conclusion
The Author
Caleb Kingston
Comments