<img src="https://static.skillshare.com/uploads/discussion/tmp/28841557" class="zoomable rounded-image-wrapper" alt="28841557">
Hi there! My name is Dan &amp; 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 &amp; 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 real-life 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 real-world project is, then we will learn about low-fidelity 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 maximising your UX Design workflow is being able to utilise 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 micro-interactions. 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 &amp; learn Adobe XD.
<a href="https://www.dropbox.com/s/inxinh2e9dyvpey/Exercise%20Files%20-%20Adobe%20XD%202018.zip?dl=1" rel="nofollow noreferrer noopener" target="_blank">DOWNLOAD THE EXERCISE FILES HERE</a>
<a href="https://www.dropbox.com/s/juxndl543cok196/6%20Completed%20Files.zip?dl=1" rel="nofollow noreferrer noopener" target="_blank">DOWNLOAD THE COMPLETED FILES HERE</a>
What are the requirements?
<ul>
<li>You will need a copy of Adobe XD 2018 or above. A free trial can be downloaded from Adobe.</li>
<li>No previous design experience is needed.</li>
<li>No previous Adobe XD skills are needed.</li>
</ul>
What is the target audience?
<ul>
<li>This course is for beginners. </li>
<li>Aimed at people new to the world of design &amp; user experience. </li>
<li>No previous Adobe XD experience is necessary.</li>
<li>For anyone that needs to add ‘UX Design’ to their portfolio.</li>
</ul>
Course Update Coming Soon:
Hi there! In 2 weeks I’ll be releasing an update to the Adobe XD Essentials Course, the new content is newer, better and more comprehensive.  What this means: 
<ul>
<li>All videos within the course will be replaced.</li>
<li>Your progress will be reset.</li>
<li>You will have access to all of the new content.</li>
</ul>
 What you need to do:
<ul>
<li>If you’d like to finish the course in its current state, you’ll need to do so within the next 14 days.</li>
<li>If you’d prefer to suspend your course progress and wait for the new course, you don’t need to do anything!</li>
</ul>

Introduction to Adobe XD Essentials training course

Getting started with your Adobe XD project.

What is Adobe XD for & does it do the coding

What's the difference between UI and UX in Adobe XD

What we are making in this Adobe XD course

What is a persona & task flow in UX design

Class Project 01 - Create your own brief

What is Lo Fi Wireframe vs High Fidelity in Adobe XD

Artboards & how wide should my website or app be in Adobe XD

Working with type in your XD wireframes

Rectangles, Circles, Buttons and Rounded corners in Adobe XD

How to use color in Adobe XD

Strokes & copy & paste appearance in Adobe XD

Class Project 02 - Wireframe

Free icons for your Adobe XD & UX UI projects

How to find and use existing UI kits in Adobe XD

Groups & issues editing icons in Adobe XD

Class Project 03 - Icons

How to add interaction to your prototype in Adobe XD

Prototype animation & easing in Adobe XD

How see your design on XD App on iPhone & Android

Class Project 04 - Testing on your phone

Getting started with auto-animations in Adobe XD

Understanding more about animation in Adobe XD

Class Project 05 - My first animation

Sharing Wireframes for comments in Adobe XD

Mood Boards & resources for Hi fidelity UI design in Adobe XD

How to create a mood board in Adobe XD

Class project - Mood Board

How to work with Columns & Grids in Adobe XD

View port aka dotted line on the page in Adobe XD

How to add & delete guides to Adobe XD

Color Inspiration & the eyedropper in XD

How to create a color palette in Adobe XD

How to create gradients in Adobe XD

How to save and reused color swatches in Adobe XD

Class Project 07 - Colors & Columns

What fonts can I use in my web or app design in Adobe XD

Check what other font’s people have used

What common font sizes should I choose in web design

How to make Character Styles in Adobe XD

Plugin - Adding our first Plugin Lorem Ipsum to Adobe XD

Class project 08 - Text

Drawing & editing shapes in Adobe XD

Strangeness with shapes in Adobe XD

Learn to draw with the pen tool in Adobe XD

Working with stokes & lines in Adobe XD

Class Project 09 - Icons & Buttons

Do I need to know Illustrator with Adobe XD

Masking & cropping images in Adobe XD

Free images to use in your XD mockups - Unsplash Pexels Freeimage

Darkening background images with opacity in XD

Blurring backgrounds and objects in Adobe XD

Do I need to know Photoshop with Adobe XD

Snack bar Toast banners using masked image in Adobe XD

Class Project - Add images

How to make & use components in Adobe XD

Difference between Main & Instance Components in Adobe XD

How to create component hover states in XD

Class Project 11 - Buttons

How to use the repeat grid in Adobe XD

Class Project 12 - Repeat Grid

Updating & issues with repeat grids of the edge

How to use stacks in XD to make a form

Class Project 13 - Stacks & Checkout Page

The difference between animation & micro interactions

Dan drawing stuff in Adobe XD

More animation in Adobe XD

Class Project - My Second Animation

Micro interaction toggle switch in Adobe XD

Micro interaction burger menu turned into a cross in XD

Class Project 15 - Micro interaction

How to pin navigation to the top in Adobe XD

How to add a popup overlay modal in Adobe XD

Slide in mobile nav menu overlay in Adobe XD 

Class Project 16 - Popup & Navigation

What are Flows in Adobe XD

How to share your document with clients & stakeholders & user testers

Talking to your developer early in the XD design process

Export the right image file formats from Adobe XD

Batch export images at once using Mark for Export in XD

How to export code in XD for engineers using Design Specs

What is a style guide in Adobe XD

Class Project 17 - Final Design

Whats next after Adobe XD Essentials

User Experience Design Essentials - Adobe XD UI UX Design

Daniel Scott gave you 1 free month of Skillshare

Get 1 free month of Skillshare

User Experience Design Essentials - Adobe XD UI UX Design

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile

English

English