Adobe Xd Masterclass - UI / UX Design From Scratch
- Language: English
- Certificate: of completion
- Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Duration: 20h 9 mins
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
-
Lesson 1Adobe Xd Basics
-
Course Overview
-
Introduction To Adobe Xd
-
Install Adobe Xd
-
Home Screen
-
Get To Know Adobe Xd
-
Shapes
-
Pen Tool
-
Text Tool
-
Artboards
-
Guides
-
Repeat Grid
-
-
Lesson 2Design Process And Brief
-
Design Process Overview
-
Our Design Brief
-
Find The Target Audience
-
-
Lesson 3Creating Wireframes
-
Paper Wireframe Resources
-
Paper Wireframe 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
-
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
-
-
Lesson 4Creating Design
-
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
-
-
Lesson 5Creating Responsive Design
-
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
-
-
Lesson 6Sharing And Feedback
-
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
-
-
Lesson 7Exporting
-
Folder Structure For Asset Export
-
Exporting Your Assets
-
Creating Project Styleguide
-
-
Lesson 8Conclusion And Resources
-
Conclusion And Resources
-
Resources ZIP
-
Meet the teacher
Aleksandar Cucukovic
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.
Course Content
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.
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginners and Intermediate
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Aleksandar Cucukovic
Teacher at awwwards.com
If you have any questions about this course, please contact us
