Level:
All Levels

Length:

25 hrs
Lectures:
43

Adobe XD Course: UI/UX Design for Apps & Websites

This course will be your personal guide for UI/UX design using Adobe XD! Go from the basics to working profesionally!

What You'll Learn

30 Day Money-Back Guarantee

100% refund, no questions asked.

Lifetime Access

Access your content on any device, at any time.

Teaching Support

Never get stuck with our teaching assistants on call.

About The Course

Learn how to design stunning apps and websites with Adobe XD!

Master user interface and user experience design from start to finish.

Have you ever wanted to turn your idea for a website or app into a real design? Whether you’re dreaming of launching your own product, working with developers, or starting a career in UI/UX design – this course is for you.

In this course, you’ll learn how to design engaging user interfaces and user experiences using Adobe XD, Adobe’s industry-standard software for digital design. We’ll begin with the fundamentals: user research, interface principles, and wireframing. Then you’ll dive into Adobe XD’s toolset, learning how to create layouts, design components, apply color palettes, format text, and use repeat grids. From mobile login screens to website layouts, you’ll design real-world projects step by step.
Next, you’ll bring your static designs to life through prototyping. You’ll learn how to connect screens, add transitions, preview on devices, and share your work with others for feedback. Finally, you’ll apply everything by building user journeys, flow diagrams, and full design scenarios for both apps and websites.

By the end of the course, you’ll have completed multiple interactive prototypes and gained the full skillset to design your own digital products from concept to delivery.

Our instructors have years of experience in UI/UX design and teaching, and the expertly structured syllabus is packed with hands-on projects, exercises, and practical tips. That’s why this is the only Adobe XD course you’ll ever need to design apps and websites like a pro.

Ready to bring your ideas to life? Let’s start designing.
Adobe XD

Curriculum

Welcome to the Course + UI Overview | 19:38

User Research and User Needs | 12:43

UI Principles | 20:49

Building a Wireframe | 06:53

Designing a Wireframe | 28:25

Look-through into the Start Screen | 10:53

Exploring the interface of Adobe XD | 13:59

Menu Settings | 31:01

Tools Panel | 14:16

Properties Panel | 26:40

Using UI Templates | 26:54

Assets Panel | 18:38

Understanding the Layers Panel | 16:12

Creating Symbols and Icons | 45:46

Using Grids, Artboards and Repeat Grids | 27:00

Masking Images | 19:40

Working with Color and Creating a Color Palette | 30:59

Adding and Formatting Text | 34:13

Designing a Login Screen | 35:47

Background Blurs | 22:23

Designing a Slide Out Menu | 22:03

Exercise and Application | 01:07:23

Prototype Panel | 22:37

Prototyping Ready Designs | 22:26

Testing Prototypes | 04:58

Sharing Prototypes | 19:59

Using Device and Desktop Preview | 07:30

Commenting and Previewing Prototypes | 07:21

Creating a UserJourney | 21:55

Creating a user Flow Diagram | 30:44

App Scenario Pt.1 | 01:40:00

App Scenario Pt.2 | 01:23:27

Website Scenario Pt.1 | 01:15:10

Website Scenario Pt.2 | 01:20:47

Real Life Examples Pt.1 | 27:01

Real Life Examples Pt.2 | 27:29

Real Life Examples Pt.3 | 50:49

Real Life Examples Pt.4 | 31:57

Smartwatch Interface Design | 01:26:39

Content Creation | 01:19:05

Plugins | 01:33:24

Website Animations | 01:46:05

Last Words | 00:30