Adobe Xd Masterclass - UI / UX Design From Scratch

Name: Adobe Xd Masterclass - UI / UX Design From Scratch
Author: Aleksandar Cucukovic

By Aleksandar Cucukovic

Language: English
Certificate: of completion
Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
Duration: 20h 9 mins

Now

9.99$

/$50

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, here you'll find the most complete course to get started in UI / UX design using Adobe Xd

Category	Course format	Language	Duration	Level
UX Design, UI Design	Online	English with Subt.	20h 9 mins	Beginners and Intermediate

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.

Modules

What you will learn
in this course.

Lessons

Chapters

Duration
Lesson 1

Adobe Xd Basics

11

1 hour 19 mins

View more
- Course Overview
  
  12:23 Mins
- Introduction To Adobe Xd
  
  1:42 Mins
- Install Adobe Xd
  
  2:32 Mins
- Home Screen
  
  7:40 Mins
- Get To Know Adobe Xd
  
  10:17 Mins
- Shapes
  
  13:34 Mins
- Pen Tool
  
  5:38 Mins
- Text Tool
  
  8:49 Mins
- Artboards
  
  6:21 Mins
- Guides
  
  3:21 Mins
- Repeat Grid
  
  7:30 Mins
Lesson 2

Design Process And Brief

3

45:22 Mins

View more
- Design Process Overview
  
  8:10 Mins
- Our Design Brief
  
  22:43 Mins
- Find The Target Audience
  
  14:29 Mins
Lesson 3

Creating Wireframes

20

4 hours 54 mins

View more
- Paper Wireframe Resources
  
  10:16 Mins
- Paper Wireframe Styles
  
  8:18 Mins
- Paper Wireframes 1
  
  11:07 Mins
- Paper Wireframes 2
  
  11:53 Mins
- Paper Wireframes 3
  
  6:21 Mins
- Paper Wireframes 4
  
  7:51 Mins
- Paper Wireframes 5
  
  5:47 Mins
- Paper Wireframes 6
  
  4:54 Mins
- Paper Wireframes 7
  
  4:29 Mins
- Paper Wireframes 8
  
  10:55 Mins
- Importing Our Paper Wireframes
  
  6:10 Mins
- Wireframes In Adobe Xd 1
  
  19:38 Mins
- Wireframes In Adobe Xd 2
  
  53:48 Mins
- Wireframes In Adobe Xd 3
  
  22:44 Mins
- Wireframes In Adobe Xd 4
  
  9:35 Mins
- Wireframes In Adobe Xd 5
  
  15:39 Mins
- Wireframes In Adobe Xd 6
  
  7:21 Mins
- Wireframes In Adobe Xd 7
  
  5:24 Mins
- Wireframes In Adobe Xd 8
  
  10:25 Mins
- Wireframes In Adobe Xd 9
  
  38:56 Mins
Lesson 4

Creating Design

17

6 hours 18 mins

View more
- Free VS Premium Resources And Licences
  
  18:45 Mins
- Optimizing Your Images
  
  4:59 Mins
- Creating Design 1
  
  45:56 Mins
- Creating Design 2
  
  27:33 Mins
- Creating Design 3
  
  21:22 Mins
- Creating Design 4
  
  60:50 Mins
- Creating Design 5
  
  19:13 Mins
- Creating Design 6
  
  11 Mins
- Creating Design 7
  
  10:23 Mins
- Creating Design 8
  
  41:14 Mins
- Creating Design 9
  
  10:42 Mins
- Creating Design 10
  
  36:10 Mins
- Creating Design 11
  
  7:41 Mins
- Creating Design 12
  
  14:18 Mins
- Creating Design 13
  
  7:25 Mins
- Creating Design 14
  
  21:21 Mins
- Creating Design 15
  
  19:12 Mins
Lesson 5

Creating Responsive Design

10

4 hours 17 mins

View more
- What Is Responsive Design
  
  6:45 Mins
- Creating Responsive Design Grid System
  
  11:01 Mins
- Responsive Design 1
  
  53:23 Mins
- Responsive Design 2
  
  31:32 Mins
- Responsive Design 3
  
  48:35 Mins
- Responsive Design 4
  
  35:04 Mins
- Responsive Design 5
  
  12:37 Mins
- Responsive Design 6
  
  10:03 Mins
- Responsive Design 7
  
  17:56 Mins
- Responsive Design 8
  
  30:11 Mins
Lesson 6

Sharing And Feedback

8

1 hour 32 mins

View more
- Importance Of Sharing
  
  19:03 Mins
- Design Sharing Options
  
  11:36 Mins
- Sharing The Design With Client
  
  12:22 Mins
- Sharing The Design With Developers
  
  13:47 Mins
- Creating Design Tokens
  
  7:55 Mins
- Creating A Design System
  
  13:35 Mins
- Create A Project Presentation
  
  19:03 Mins
- 3D In Adobe Xd
  
  6:49 Mins
Lesson 7

Exporting

3

58:20 Mins

View more
- Folder Structure For Asset Export
  
  7:33 Mins
- Exporting Your Assets
  
  22:39 Mins
- Creating Project Styleguide
  
  28:08 Mins
Lesson 8

Conclusion And Resources

2

3:40 Mins

View more
- Conclusion And Resources
  
  3:40 Mins
- Resources ZIP
  
  Written resources

Meet the teacher

Aleksandar Cucukovic

Founder at Web Donut, Teacher at Alex On Design

For the last 10 years i have designed websites, products and apps for different companies, big and small. With my wife i have started 3 startup companies and through the process met some amazing people from all over the world. For the last five years i have created over 500 design products, improved the lives and workflows of over 100.000 designers from around the world. Now my mission is to improve the lives of others, and to pass on my knowledge back to the community and to all those who want to learn about the amazing worlds of design and business.

Now

9.99$

/$50

Course Content

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, here you'll find the most complete course to get started in UI / UX design using Adobe Xd

Features