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