Autoplay
Autocomplete
Previous Lesson
Complete and Continue
UI/UX & Web Design using Adobe XD
Overview
Introduction to Adobe XD (2:02)
Getting started with your Adobe XD project (0:51)
What is UI vs UX - User Interface vs User Experience (2:08)
The brief & persona for our real life project (11:22)
Wireframing Low Fidelity
Wireframing (low fidelity) in Adobe XD (1:58)
Working with existing UI kits in Adobe XD (8:27)
Working with type in your XD wireframes (5:21)
How to create forms, checkboxes & buttons in Adobe XD (7:40)
Free icons for your Adobe XD & UX UI projects (14:48)
Prototyping & adding interactivity to Adobe XD (10:08)
Production video - student views in Adobe XD (3:14)
How to make & use symbols in Adobe XD (7:21)
Using the repeat grid in Adobe XD (7:22)
Mocking up an App in Adobe XD (8:34)
How to use the XD App on iPhone & Android (6:55)
Production Video - Sign up screen & Dashboard (10:46)
Sharing Wireframes for comments in Adobe XD (12:30)
High Fidelity UI Design
Mood Boards & resources for Hi fidelity UI design in Adobe UX (7:46)
Why do you need a 12 column grid in Adobe XD (1:56)
How to create a 12 Column Grid in Adobe XD 2018 (2:46)
Working with colors inside Adobe XD CC (5:30)
Use Web safe fonts or iOS or Android specific fonts in Adobe XD (8:43)
How to use Character Styles in Adobe XD (3:06)
Creating realistic buttons in Adobe XD with paste properties (5:39)
How to draw your own custom icons in Adobe XD (9:04)
How to make a gradient & blur in Adobe XD (2:10)
The pros & cons for working with images inside Adobe XD (3:38)
Working with Illustrator, Photoshop & InDesign in Adobe XD (8:34)
How to mask in Adobe XD (8:50)
Production Video - Adding text fields & buttons in Adobe XD (6:53)
How to make a popup modal in Adobe XD with a blurred background (4:23)
Creating 12 column card dashboard using the repeat grid tool in Adobe XD (23:00)
How to make a mobile phone mockup with Adobe XD & Photoshop (14:42)
Make an APP version of your Adobe XD UX project (14:39)
Hidden features for Adobe XD Repeat Grid (8:55)
Advanced prototyping using buttons & dropdown menus in Adobe XD (21:31)
One more Prototype trick & faking depth of field for mockup (7:33)
UX User Testing in Adobe XD (1:55)
How to export images & code from Adobe XD for developers (12:50)
What Next
Class Project for Adobe XD (5:07)
Shortcuts & Cheat Sheet for Adobe XD (11:49)
Conclusion for Adobe XD training course (2:13)
Getting started with your Adobe XD project
Download
Exercise Files.zip
Download
XD Completed Files.zip
Complete and Continue
Lesson Content Locked
Your session expired. Please sign in again to continue.
Log In