4.5 out of 5
4.5
289 reviews on Udemy

Complete Adobe XD Megacourse: Beginner to Expert

This course will be your personal guide for UI/UX design using Adobe XD! Go from the basics to working profesionally!
Instructor:
Creativity Unleashed
23,034 students enrolled
English [Auto]
How to use Adobe XD and its tools
How to design within Adobe XD
The principles of User Interface Design and Prototyping
The principles of Human-Computer interaction
How to read a User Flow Diagram
Wireframing in order to produce a functional prototype
How to give and receive feedback on prototypes
How to use the collaborative feature and collaborate with other web developers
How to apply your knowledge to app and website scenarios
How to create an app
How to make a website
How to do animations for websites
How to create a smartwatch interface design
How to incorporate plugins
The essentials of content creation

This course is constantly being revised and updated with new lessons.


Learn UI/UX design with Adobe XD!

Design like a pro!

Have you ever wanted to design your own app, website or blog? These days, we use them without a second thought. They have become an integral part of both the human experience and the financial market. It’s easy to come up with a new idea for a viral new app, but not as easy to make that app a reality – or so you might think. That’s where Adobe XD comes in. Adobe XD is an essential and collaborative UI/ UX design tool that can help you design a wide range of interfaces in great detail – and we’re here to teach you how.

In this course, you’re going to learn everything about user interface design with Adobe XD. Step-by-step, we’ll cover everything you need to know from opening the program for the very first time to finalising your finished design. You’ll learn all of the tools, as well as how and when to use them. We’ll also cover everything you’ll need to be able to collaborate with other web developers easily through its collaborative feature. During the course, you will learn about the principles of User Interface Design in order to design with purpose, as well as the principles of Human-Computer Interaction. Finally, we’ll teach you how to adapt to specific project requirements, as well as how to wireframe in order to turn your design into a functional prototype.

Our instructors have years of experience not only in UI/UX design, but also in teaching, and the expertly-crafted syllabus is designed to be easy to follow and thorough. We’ve even included plenty of examples explained and designed on-screen for you to study. That’s why this is the only Adobe XD course you’ll ever need to design professional apps, websites and blogs!

Start designing today!

After taking this course you’ll be able to:

  • Use Adobe XD professionally

  • Create prototypes and receive feedback on it very flexibly

  • Achieve an understanding of the process, purpose, and tools of prototype design

  • Understand the principles of User Interface Design in order to design with purpose

  • Learn the basics of Human-Computer Interaction

  • Discover the standard tools in User Interface

  • Adapt to specific project deliverables in User Interface

  • Make your own app and website designs

Introduction

1
Welcome to the Course + UI Overview
2
User Research and User Needs
3
UI Principles

Wireframing

1
Building a Wireframe
2
Designing a Wireframe

Drafting

1
Look-through into the Start Screen
2
Exploring the interface of Adobe XD
3
Menu Settings
4
Tools Panel
5
Properties Panel
6
Using UI Templates
7
Assets Panel
8
Understanding the Layers Panel

Designing

1
Creating Symbols and Icons
2
Using Grids, Artboards and Repeat Grids
3
Masking Images
4
Working with Color and Creating a Color Palette
5
Adding and Formatting Text
6
Designing a Login Screen
7
Background Blurs
8
Designing a Slide Out Menu
9
Exercise and Application

Prototyping

1
Prototype Panel
2
Prototyping Ready Designs
3
Testing Prototypes
4
Sharing Prototypes
5
Using Device and Desktop Preview
6
Commenting and Previewing Prototypes

Dear Students,

I have merged both the example project that I am explaining the course on and the final project that we are supposed to work on together. This is because the free version of Adobe XD only allows one public link and I would like to show you guys a good technique to using the program efficiently! Feel free to navigate through the projects all under the same link without getting lost between many different links! If you have any questions regarding the navigation process, feel free to watch the project sharing video!

Link: https://xd.adobe.com/view/5fa5b91a-d4ea-4a02-b354-4c059c3b6fc8-0af6/

Application

1
Creating a User Journey
2
Creating a user Flow Diagram
3
App Scenario Pt.1
4
App Scenario Pt.2
5
Website Scenario Pt.1
6
Website Scenario Pt.2
7
Real Life Examples Pt.1
8
Real Life Examples Pt.2
9
Real Life Examples Pt.3
10
Real Life Examples Pt.4

Keep Learning

1
Smartwatch Interface Design
2
Content Creation
3
Plugins
4
Website Animations
5
Last Words
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 out of 5
289 Ratings

Detailed Rating

Stars 5
148
Stars 4
98
Stars 3
30
Stars 2
7
Stars 1
6
32340797ebb70b35eeca5dbd8f872c65
Get course
30-Day Money-Back Guarantee

Includes

26 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion