User Experience Design Essentials - Adobe XD UI UX Design

Daniel Scott, Adobe Certified Trainer & UI/UX Expert

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
92 Lessons (10h 56m)
    • 1. Introduction to the User Experience Course

      2:53
    • 2. Getting started with your Adobe XD project

      2:21
    • 3. What is UI vs UX - User Interface vs User Experience vs Product Designer

      6:19
    • 4. The UX brief & persona for our real life project

      11:22
    • 5. Wireframing (low fidelity) in Adobe XD

      1:58
    • 6. How wide should my website or app be in Adobe XD?

      13:06
    • 7. Working with existing UI kits in Adobe XD

      7:49
    • 8. Working with type in your XD wireframes

      9:09
    • 9. Basic Colors & buttons in Adobe XD wireframes

      14:14
    • 10. Free icons for your Adobe XD & UX UI projects

      13:40
    • 11. Adding footers & Lorem Ipsum to our XD wireframe

      5:27
    • 12. New Pages & Artboards in Adobe XD

      4:15
    • 13. Class Project 01 – Wireframe Homepage & Contact Us Page

      11:11
    • 14. Prototyping & adding interactivity to Adobe XD

      8:13
    • 15. How to create a Popup Modal or popup box in Adobe XD

      7:57
    • 16. Class project 02 – Prototype

      2:54
    • 17. Working with groups & isolation mode in Adobe XD

      2:29
    • 18. How to make & use symbols in Adobe XD

      7:16
    • 19. Production Video - Left Nav

      3:51
    • 20. Using the repeat grid in Adobe XD

      5:27
    • 21. Updating symbols & problems with using repeat grids

      8:54
    • 22. Prototype Trick to save time in Adobe XD

      6:03
    • 23. Navigation tricks & tips in Adobe XD

      4:48
    • 24. Class Project 03 - Symbols & Repeat Grids

      4:07
    • 25. Mocking up an App in Adobe XD

      9:40
    • 26. How to use the XD App on iPhone & Android

      7:59
    • 27. Adding iPhone & Android battery & status icons to mockup

      3:15
    • 28. How to fixed the position of the nav or battery icons in XD

      1:01
    • 29. Production Video - Login & Dashboard

      6:45
    • 30. Sharing Wireframes for comments in Adobe XD

      13:32
    • 31. Recording your interactions via video using Adobe XD

      3:13
    • 32. Class project - Wireframe Feedback

      1:21
    • 33. Mood Boards & resources for Hi fidelity UI design in Adobe XD

      7:43
    • 34. Class project - Mood Board

      0:59
    • 35. How to create a 12 Column or Grid in Adobe XD 2018

      4:57
    • 36. Working with colors inside Adobe XD CC

      9:02
    • 37. Tricks for using colors in Adobe XD

      6:34
    • 38. How to create gradients in Adobe XD

      3:50
    • 39. Class project 06 – Colors

      2:14
    • 40. Use Web safe fonts or iOS or Android specific fonts in Adobe XD

      18:00
    • 41. How to use Character Styles in Adobe XD

      6:59
    • 42. Font & Text tips tricks in Adobe XD

      5:43
    • 43. Adding our first Plugin Lorem Ipsum to Adobe XD

      5:39
    • 44. Creating realistic buttons in Adobe XD with paste properties

      13:15
    • 45. Class project 07 - Text & Buttons

      2:21
    • 46. How to draw your own custom icons in Adobe XD

      4:13
    • 47. Working with stokes & lines in Adobe XD

      14:28
    • 48. Learn to drawing with the pen tool in Adobe XD

      14:34
    • 49. Drawing practise with the pen tool in Adobe XD

      7:15
    • 50. Production Video with some drawing tips

      12:27
    • 51. Back and forth with Illustrator in Adobe XD

      9:34
    • 52. Class project 08 - Draw your own icons

      1:49
    • 53. Working with InDesign in Adobe XD

      11:38
    • 54. The pros & cons for working with images inside Adobe XD

      3:58
    • 55. Working with images and CC Library connection

      11:01
    • 56. Adobe Stock connection to find similar image for XD project

      5:20
    • 57. Free images to use in your XD mockups - Unsplash Pexels Freeimage

      1:48
    • 58. Masking & Opacity & Blurring background images

      6:44
    • 59. Working with Photoshop in Adobe XD

      8:41
    • 60. Production Video – Infographic

      12:12
    • 61. Class project 09 - Full Hi Def mockup

      5:38
    • 62. How to make a mobile phone mockup with Adobe XD & Photoshop

      18:08
    • 63. Class project 10 - Mobile Website

      1:24
    • 64. Hidden features for Adobe XD Repeat Grid

      5:17
    • 65. Plugin - Content Generator in Adobe XD

      4:29
    • 66. Plugin - UI Faces adding random profile photos to XD

      3:15
    • 67. Plugin - PhotoSplash automatically import Unspash images

      4:31
    • 68. Plugin - Copy Cat or Mimic to style and images from a site

      3:19
    • 69. Advanced Asset Panel tricks in Adobe XD

      4:37
    • 70. Advanced Symbol Tricks & Tips for Adobe XD

      7:52
    • 71. What are UI micro interactions in Adobe XD

      7:21
    • 72. Button grow or full screen image micro interaction in Adobe XD

      6:13
    • 73. Animated Image Gallery with micro interactions in Adobe XD

      6:39
    • 74. Full vector change micro interaction in Adobe XD

      7:36
    • 75. Class project 11 - Micro Interactions

      5:12
    • 76. Time delay transitions in Adobe XD

      4:42
    • 77. How to create a popup menu or modal in Adobe XD

      12:16
    • 78. Animated mobile side nav for burger menu in Adobe XD

      3:26
    • 79. How to make a working drop down menu in Adobe XD

      3:24
    • 80. How to use the drag transition in Adobe XD

      7:19
    • 81. How to make a number ticker scroll using masks in Adobe XD

      6:51
    • 82. How to add Alexa style voice commands to Adobe XD

      9:37
    • 83. What is user testing in Adobe XD

      16:53
    • 84. How to run an unmoderated UX User Test in Adobe XD

      12:07
    • 85. Class project 12 - User Testing

      2:23
    • 86. Mocking up your designs in situ on a real phone in Photoshop

      9:21
    • 87. Advanced micro interactions & prototyping with Protopie in Adobe XD

      2:40
    • 88. How to add animation in Adobe XD using Adobe After Effects

      9:39
    • 89. How to export images & assets from Adobe XD for developers

      12:56
    • 90. How to export code in XD for engineers using Design Specs

      10:49
    • 91. Class Project 13 – Roar Cycles

      10:29
    • 92. Conclusion for Adobe XD training course

      4:14
317 students are watching this class