This free Adobe XD Tutorial will teach you how to use Adobe XD quickly and easily!
Join my website to watch this full course + 30 others for $12p/m: https://byol.com/XD22L
Download the free Exercise Files to Follow Along: https://byol.com/XD22E
Free Trial of ALL Adobe Apps!: https://byol.com/FREETRIAL11
Get the Free Cheatsheet: https://byol.com/XD22CS

Free User Experience Design Essentials Course. Free Adobe XD UI UX Design course

Join the Bring Your Own Laptop Facebook Group:   / bringyourownlaptop  
Follow me on Instagram:   / bringyourownlaptop  
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter:   / danlovesadobe  
Join the LinkedIn Group:   / 10539178  

#AdobeXD #UXDesign #UIDesign

Intro: 0:00
Getting started with XD: 2:28
BYOL certificate: 4:54
What is Adobe XD for?: 7:02
UI vs UX: 12:34
What we are making?: 16:07
Persona & task flow: 17:19
Class Project 01 Create your own brief: 28:45
LoFi vs HiFi: 32:10
Middletro: 35:06
How to use Artboards in Adobe XD: 35:54
Working with type in Adobe XD: 45:32
How to make Shapes in Adobe XD: 56:57
How to use color in Adobe XD: 1:05:22
Strokes & Borders in Adobe XD: 1:11:38
Class Project 02 Wireframe: 1:23:34
Free icons in Adobe XD: 1:27:44
Using UI kits for Adobe XD: 1:35:43
How to use Groups & editing icons in Adobe XD: 1:42:58
Class Project 03 Icons: 1:58:47
How to add interactions in Adobe XD: 2:04:00
Adding Animation & easing in Adobe XD: 2:11:29
Testing Adobe XD wireframe on phone: 2:17:39
Class Project 04 Testing on your phone: 2:28:01
How to add Autoanimations in Adobe XD: 2:33:13
More animation: 2:44:31
Class Project 05 My first animation: 2:54:26
Sharing & comments: 2:59:25
Outro: 3:06:34

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a reallife freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

First, we will go over the differences between UX and UI Design. We will look at what our brief for this realworld project is, then we will learn about lowfidelity wireframes and how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

An important part of maximizing your UX Design workflow is being able to utilize other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is microinteractions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.

There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD.