page contents
4.59 out of 5
4.59
16109 reviews on Udemy

User Experience Design Essentials – Adobe XD UI UX Design

Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design
Instructor:
Daniel Walter Scott
67,264 students enrolled
English More
Become a UX designer.
You will be able to start earning money from your XD Skills.
You will be able to add UX designer to your CV
Build a UX project from beginning to end.
Become a UI designer.
Build & test a full mobile app.
Build & test a full website design.
You will have a project of your own to add to your portfolio.
93 lectures of well-structured, step by step content.
Learn to design websites & mobile phone apps.
Work with fonts & colors.
Prototype your designs with interactions.
Test on mobile phones.
You'll create realistic prototype complete with micro interactions.
Send your designs for feedback & commenting.
Export production ready assets.
Create your first UX brief & persona.
Create quick wireframes.
How to use premade UI kits.
Learn professional workflow tricks & shortcuts.
You will get the finished files so you never fall behind
Downloadable exercise files
Forum support from me and the rest of the BYOL crew
All the techniques used by UX professionals
Build a mobile app prototype that responses to voice commands.
You will be able to talk correctly with other UX design professionals.
You'll learn how to choose colors.
You'll learn how to pick the correct fonts.
You'll be able to send your finished work to other professionals in the correct formats.

Are you excited to get into the world of UI/UX but you don’t know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

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 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.

  • Aria: “This course is definitely above expectations so far. I didn’t expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!”

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.

  • Kate: Excellent course – Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it’s completion. I am using Adobe XD daily and Dan’s instruction was instrumental to adding this feather to my front-end web development hat.

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.

  • Leigh: “I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD.”

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.

Getting Started

1
Introduction to the User Experience Course

Hi there, my name is Dan, and I'm an Adobe Certified Instructor. Now together, you and me, are going to learn how to use Adobe XD.

Now, this UI/UX design tool is going to help us create beautiful user interfaces as well as streamlining our user experience. During this course, we're going to use an actual freelance project I'm working on. The project needs both a web interface and a mobile app. So it's going to give you a really good understanding of how to run your own potential UX project. And my course here is aimed at people new to Design, and those experienced.

2
Getting started with your Adobe XD project
3
What is UI vs UX - User Interface vs User Experience vs Product Designer

The Brief

1
The UX brief & persona for our real life project

Wireframing Low Fidelity

1
Wireframing (low fidelity) in Adobe XD
2
How wide should my website or app be in Adobe XD?
3
Working with existing UI kits in Adobe XD

Type, Color & Icon Introduction

1
Working with type in your XD wireframes
2
Basic Colors & buttons in Adobe XD wireframes
3
Free icons for your Adobe XD & UX UI projects

Unfortunately Adobe has removed the free icons as an extra. Optionally, you can access lots of free icons at www.iconfinder.com

4
Adding footers & Lorem Ipsum to our XD wireframe
5
New Pages & Artboards in Adobe XD
6
Class Project 01 – Wireframe Homepage & Contact Us Page
7
Class Project 01 – Wireframe Homepage & Contact Us Page

Prototyping a Website - Introduction

1
Prototyping & adding interactivity to Adobe XD
2
How to create a Popup Modal or popup box in Adobe XD
3
Class project 02 – Prototype
4
Class Project 02 – Prototype

Symbols & Repeat Grids

1
Working with groups & isolation mode in Adobe XD
2
How to make & use symbols in Adobe XD
3
Production Video - Left Nav
4
Using the repeat grid in Adobe XD
5
Updating symbols & problems with using repeat grids
6
Prototype Trick to save time in Adobe XD
7
Navigation tricks & tips in Adobe XD
8
Class Project 03 - Symbols & Repeat Grids
9
Class Project 03 – Symbols & Repeat Grids

Prototyping a App - Introduction

1
Mocking up an App in Adobe XD
2
How to use the XD App on iPhone & Android
3
Adding iPhone & Android battery & status icons to mockup
4
How to fixed the position of the nav or battery icons in XD
5
Production Video - Login & Dashboard

Wireframe Feedback

1
Sharing Wireframes for comments in Adobe XD
2
Recording your interactions via video using Adobe XD
3
Class project - Wireframe Feedback
4
Class Project 04 – Wireframe Feedback

High Fidelity UI Design

1
Mood Boards & resources for Hi fidelity UI design in Adobe XD
2
Class project - Mood Board
3
Class Project 05 – Moodboard
4
How to create a 12 Column or Grid in Adobe XD 2018

Colors

1
Working with colors inside Adobe XD CC
2
Tricks for using colors in Adobe XD
3
How to create gradients in Adobe XD
4
Class project 06 – Colors
5
Class Project 06 – Colours

Text & Fonts Advanced

1
Use Web safe fonts or iOS or Android specific fonts in Adobe XD
2
How to use Character Styles in Adobe XD
3
Font & Text tips tricks in Adobe XD
4
Adding our first Plugin Lorem Ipsum to Adobe XD
5
Creating realistic buttons in Adobe XD with paste properties
6
Class project 07 - Text & Buttons
7
Class Project 07 – Text & Buttons

Drawing

1
How to draw your own custom icons in Adobe XD
2
Working with stokes & lines in Adobe XD
3
Learn to drawing with the pen tool in Adobe XD
4
Drawing practise with the pen tool in Adobe XD
5
Production Video with some drawing tips

Working with Illustrator

1
Back and forth with Illustrator in Adobe XD
2
Class project 08 - Draw your own icons
3
Class project 08 - Draw your own icons

Working with InDesign

1
Working with InDesign in Adobe XD

Images

1
The pros & cons for working with images inside Adobe XD
2
Working with images and CC Library connection
3
Adobe Stock connection to find similar image for XD project
4
Free images to use in your XD mockups - Unsplash Pexels Freeimage
5
Masking & Opacity & Blurring background images

Working with Photoshop

1
Working with Photoshop in Adobe XD
2
Production Video – Infographic
3
Class project 09 - Full Hi Def mockup
4
Class project 09 - Full Hi Def mockup

APP Design

1
How to make a mobile phone mockup with Adobe XD & Photoshop
2
Class project 10 - Mobile Website
3
Class project 10 - Mobile APP/Website

Placeholder content & Plugins

1
Hidden features for Adobe XD Repeat Grid
2
Plugin - Content Generator in Adobe XD
3
Plugin - UI Faces adding random profile photos to XD
4
Plugin - PhotoSplash automatically import Unspash images
5
Plugin - Copy Cat or Mimic to style and images from a site

Asset Panel

1
Advanced Asset Panel tricks in Adobe XD

Symbol - Advanced

1
Advanced Symbol Tricks & Tips for Adobe XD
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.6
4.6 out of 5
16109 Ratings

Detailed Rating

Stars 5
9655
Stars 4
4914
Stars 3
1293
Stars 2
168
Stars 1
104
Adobe XD tasksandcrafts
30-Day Money-Back Guarantee

Includes

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