Download - Web UI UX Design using Adobe XD – User Experience Design

Download - Web UI UX Design using Adobe XD – User Experience Design

 01. Overview

01. Introduction
02. Getting started with your Adobe XD project
03. What is UI vs UX – User Interface vs User Experience
04. The brief & persona for our real life project

02. Wireframing Low Fidelity
01. Wireframing (low fidelity) in Adobe XD
02. Working with existing UI kits in Adobe XD
03. Working with type in your XD wireframes
04. How to create forms, checkboxes & buttons in Adobe XD
05. Free icons for your Adobe XD & UX UI projects
06. Prototyping & adding interactivity to Adobe XD
07. Production video – student views in Adobe XD
08. How to make & use symbols in Adobe XD
09. Using the repeat grid in Adobe XD
10. Mocking up an App in Adobe XD
11. How to use the XD App on iPhone & Android
12. Production Video – Sign up screen & Dashboard
13. Sharing Wireframes for comments in Adobe XD

03. High Fidelity UI Design
02. Why do you need a 12 column grid in Adobe XD
03. How to create a 12 Column Grid in Adobe XD 2018
04. Working with colors inside Adobe XD CC
05. Use Web safe fonts or iOS or Android specific fonts in Adobe XD
06. How to use Character Styles in Adobe XD
07. Creating realistic buttons in Adobe XD with paste properties
08. How to draw your own custom icons in Adobe XD
09. How to make a gradient & blur in Adobe XD
10. The pros & cons for working with images inside Adobe XD
11. Working with Illustrator, Photoshop & InDesign in Adobe XD
12. How to mask in Adobe XD
13. Production Video – Adding text fields & buttons in Adobe XD
14. How to make a popup model in Adobe XD with a blurred background
15. Creating 12 column card dashboard using the repeat grid tool in Adobe XD
16. How to make a mobile phone mockup with Adobe XD & Photoshop
17. Make an APP version of your Adobe XD UX project
18. Hidden features for Adobe XD Repeat Grid
19. Advanced prototyping using buttons & dropdown menus in Adobe XD
20. One more Prototype trick & faking depth of field for mockup
21. UX User Testing in Adobe XD
22. How to export images & code from Adobe XD for developers

04. What Next
01. Class Project for Adobe XD
02. Shortcuts & Cheat Sheet for Adobe XD
03. BONUS Software Updates
04. Conclusion for Adobe XD training course

Web UI UX Design using Adobe XD – User Experience Design.7z

Post a Comment

0Comments
Post a Comment (0)
To Top