Adobe Xd Masterclass - UI / UX Design From Scratch

Getting into UI / UX design can be difficult because you see all of these examples online, but you don't know where to start, which tools to use and how to organize your work.

.

Working in Adobe Xd gives you unlimited possibilities because you can create, prototype and share, all in one tool, on Mac or PC, for free.

.

Hey designer, my name is Alex and in this 20+ hours long masterclass you are going to learn:

- Basics of Adobe Xd and what it can do
- How to create great design brief
- Create website architecture
- Draw your wireframes on paper
- Then import and create them in Adobe Xd
- Create complex designs by adding colors, images and animations
- Share those designs with client to get feedback
- Create responsive design with multiple sizes
- Present your designs in a portfolio
- And finally, how to export your assets for developers using industry standards.

.

This course covers everything you need to know to get started in UI / UX design, or to improve your skills. You don't need any previous knowledge of UI / UX or Adobe Xd, we are going to cover it all in this course.

.

So if you want to improve your skills and productivity, save a lot of time and money on iterations and create designs faster, then I'll see you in the course.

.

Have a creative day! 

Alex

• Class Intro
• Class Overview
• Introduction To Adobe Xd
• Install Adobe Xd
• Home Screen
• Get To Know Adobe Xd
• Shapes
• Pen Tool
• Text Tool
• Artboards
• Guides
• Repeat Grid
• Design Process Overview
• Our Design Brief
• Find The Target Audience
• Paper Wireframe Resources
• Paper Wireframing Styles
• Paper Wireframes 1
• Paper Wireframes 2
• Paper Wireframes 3
• Paper Wireframes 4
• Paper Wireframes 5
• Paper Wireframes 6
• Paper Wireframes 7
• Paper Wireframes 8
• Importing Our Paper Wireframes
• Creating Website Architecture
• Wireframes In Adobe Xd 1
• Wireframes In Adobe Xd 2
• Wireframes In Adobe Xd 3
• Wireframes In Adobe Xd 4
• Wireframes In Adobe Xd 5
• Wireframes In Adobe Xd 6
• Wireframes In Adobe Xd 7
• Wireframes In Adobe Xd 8
• Wireframes In Adobe Xd 9
• Free VS Premium Resources And Licences
• Optimizing Your Images
• Creating Design 1
• Creating Design 2
• Creating Design 3
• Creating Design 4
• Creating Design 5
• Creating Design 6
• Creating Design 7
• Creating Design 8
• Creating Design 9
• Creating Design 10
• Creating Design 11
• Creating Design 12
• Creating Design 13
• Creating Design 14
• Creating Design 15
• What Is Responsive Design
• Creating Responsive Design Grid System
• Responsive Design 1
• Responsive Design 2
• Responsive Design 3
• Responsive Design 4
• Responsive Design 5
• Responsive Design 6
• Responsive Design 7
• Responsive Design 8
• Importance Of Sharing
• Design Sharing Options
• Sharing The Design With Client
• Sharing The Design With Developers
• Creating Design Tokens
• Creating A Design System
• Create A Project Presentation
• 3D In Adobe Xd
• Folder Structure For Asset Export
• Exporting Your Assets
• Creating Project Styleguide
• Conclusion And Resources
• Skillshare Class Project
• YouTube Channel For More Content
• Join My Free Facebook Group