BRING YOUR OWN LAPTOP

ONLINE TRAINING HOME COURSES RESOURCES CONTACT ME FAQ

ALL COURSES

Dreamweaver - Coding your first Adobe Illustrator CC Premiere Pro for Corporate Video Dreamweaver - Coding your first
website using Dreamweaver 2018 Advanced Training website using Dreamweaver 2018

ALL ACCESS

$12
PER MONTH + CANCEL TIME
Adobe InDesign CC Adobe Photoshop CC Adobe InDesign CC Adobe InDesign CC
SIGN UP Advanced Training Advanced Training Essential Training Advanced Training

SEE MORE

Subscribe to our mailing list

About Us
Contact SUBSCRIBE
Terms & Conditions
 BRING YOUR OWN LAPTOP

ONLINE TRAINING HOME COURSES RESOURCES CONTACT ME FAQ

Email

Password

LOGIN

NOT A MEMBER YET?SIGNUP

ALL COURSES

Dreamweaver - Coding your first Adobe Illustrator CC Premiere Pro for Corporate Video Dreamweaver - Coding your first
website using Dreamweaver 2018 Advanced Training website using Dreamweaver 2018

ALL ACCESS

$12
PER MONTH + CANCEL TIME
Adobe InDesign CC Adobe Photoshop CC Adobe InDesign CC Adobe InDesign CC
Advanced Training Advanced Training Essential Training Advanced Training
SIGN UP

SEE MORE

Subscribe to our mailing list

About Us
Contact SUBSCRIBE
Terms & Conditions
 BRING YOUR OWN LAPTOP

ONLINE TRAINING Search... HOME COURSES RESOURCES CONTACT ME FAQ

ALL COURSES

Dreamweaver - Coding your first Adobe Illustrator CC Premiere Pro for Corporate Video Dreamweaver - Coding your first
website using Dreamweaver 2018 Advanced Training website using Dreamweaver 2018

ALL ACCESS

$12
PER MONTH + CANCEL TIME
Adobe InDesign CC Adobe Photoshop CC Adobe InDesign CC Adobe InDesign CC
Advanced Training Advanced Training Essential Training Advanced Training
SIGN UP

SEE MORE

Subscribe to our mailing list

About Us
Contact SUBSCRIBE
Terms & Conditions
 BRING YOUR OWN LAPTOP

ONLINE TRAINING HOME COURSES RESOURCES CONTACT ME FAQ

Web Design Animate

UI/UX Design After Effects
Graphic Design Dreamweaver
Video/Animation Illustrator
Busniess InDesign
Other Microsoft Word
Microsoft Excel
Premiere Pro
Photoshop
XD

ALL COURSES

Dreamweaver - Coding your first Adobe Illustrator CC Premiere Pro for Corporate Video Dreamweaver - Coding your first
website using Dreamweaver 2018 Advanced Training website using Dreamweaver 2018

ALL ACCESS

$12
PER MONTH + CANCEL TIME
Adobe InDesign CC Adobe Photoshop CC Adobe InDesign CC Adobe InDesign CC
SIGN UP Advanced Training Advanced Training Essential Training Advanced Training

SEE MORE

Subscribe to our mailing list

About Us
Contact SUBSCRIBE
Terms & Conditions
 BRING YOUR OWN LAPTOP

ONLINE TRAINING HOME COURSES RESOURCES CONTACT ME FAQ

UI/UX & Web Design using Adobe XD DOWNLOAD EXERCISE FILES

VIDEO LIST START COURSE

Overview
1. Introduction to Adobe XD
2. Getting started with your Adobe XD project
3. What is UI vs UX - User Interface vs User Experience
4. The brief & persona for our real life project

Wireframing Low Fidelity

5. Wireframing (low fidelity) in Adobe XD
6. Working with existing UI kits in Adobe XD
7. Working with type in your XD wireframes
8. How to create forms, checkboxes & buttons in Adobe XD
9. Free icons for your Adobe XD & UX UI projects
10. Prototyping & adding interactivity to Adobe XD
1. Introduction to Adobe XD 1 OF 42 11. Production video - student views in Adobe XD
12. How to make & use symbols in Adobe XD
13. Using the repeat grid in Adobe XD
14. Mocking up an App in Adobe XD
Video Transcription 15. How to use the XD App on iPhone & Android
16. Production Video - Sign up screen & Dashboard
Hey there, to get started you need to download the exercise files. There'll be a link in the comments or 17. Sharing Wireframes for comments in Adobe XD
description below. Sometimes there's a button, you're looking out for the 'Download Exercise Files'.
High Fidelity UI Design
The other thing you can do is, during this course what I do is, I try and-- at the end of every video, I save 18. Mood Boards & resources for Hi fidelity UI design in Adobe XD
where I'm upto. And I save it as something called the 'completed file'. So every video will have either a link or a 19. Why do you need a 12 column grid in Adobe XD
button where you can download where I'm upto in XD. If yours is not quite looking the same you can download 20. How to create a 12 Column Grid in Adobe XD 2018
mine, and just compare the two. 21. Working with colors inside Adobe XD CC
22. Use Web safe fonts or iOS or Android specific fonts in Adobe XD
Last thing is that, during this course you're going to be asked for a review. Review's the life blood of me as a 23. How to use Character Styles in Adobe XD
trainer, and why I get to do this full time. So if you are enjoying the course, and do get asked for a review, 24. Creating realistic buttons in Adobe XD with paste properties
please drop one in there, an honest review. That will help me out loads. All right, let's get going with the 25. How to draw your own custom icons in Adobe XD
course. 26. How to make a gradient & blur in Adobe XD
27. The pros & cons for working with images inside Adobe XD
28. Working with Illustrator, Photoshop & InDesign in Adobe XD
29. How to mask in Adobe XD
30. Production Video - Adding text fields & buttons in Adobe XD
Questions & Comments
31. How to make a popup modal in Adobe XD with a blurred background
No Comments 32. Creating 12 column card dashboard using the repeat grid tool in Adobe XD
33. How to make a mobile phone mockup with Adobe XD & Photoshop
ALL ACCESS 34. Make an APP version of your Adobe XD UX project
35. Hidden features for Adobe XD Repeat Grid
$12 36. Advanced prototyping using buttons & dropdown menus in Adobe XD
37. One more Prototype trick & faking depth of field for mockup
PER MONTH + CANCEL TIME 38. UX User Testing in Adobe XD
39. How to export images & code from Adobe XD for developers
SIGN UP

What Next
40. Class Project for Adobe XD
41. Shortcuts & Cheat Sheet for Adobe XD
42. Conclusion for Adobe XD training course

Subscribe to our mailing list

About Us
Contact SUBSCRIBE
Terms & Conditions