Get this course

Design

LM150 User Experience Design Essentials - Adobe XD UI UX Design


Content
  • 1. Getting Started
  • LM150 1.1 Introduction to the User Experience Course.mp4
  • LM150 1.2 Getting started with your Adobe XD Project.mp4
  • LM150 1.3 What is UI vs UX - UI vs UX vs Product Designer.mp4
  • Feedback
  • 2. The Brief
  • LM150 2.1 The UX brief & persona for our real life project.mp4
  • Feedback
  • 3. Wireframing Low Fidelity
  • LM150 3.1 Wireframing (low fidelity) in Adobe XD.mp4
  • LM150 3.2 How wide should my website or app be in Adobe XD.mp4
  • LM150 3.3 Working with existing UI kits in Adobe XD.mp4
  • Feedback
  • 4. Type, Color & Icon Introduction
  • LM150 4.1 Working with type in your XD wireframes.mp4
  • LM150 4.2 Basic Colors & buttons in Adobe XD wireframes.mp4
  • LM150 4.3 Free icons for your Adobe XD & UX UI projects.mp4
  • LM150 4.4 Adding footers & Lorem Ipsum to our XD wireframe.mp4
  • LM150 4.5 New Pages & Artboards in Adobe XD.mp4
  • LM150 4.6 Class Project 01 - Wireframe Homepage & Contact Us Page.mp4
  • LM150 4.7 Assignment 1: Class Project 01 - Wireframe Homepage & Contact Us Page
  • Feedback
  • 5. Prototyping a Website - Introduction
  • LM150 5.1 Prototyping & adding interactivity to Adobe XD.mp4
  • LM150 5.2 How to create a Popup Modal or popup box in Adobe XD.mp4
  • LM150 5.3 Class project 02 - Prototype.mp4
  • LM150 5.4 Assignment 2: Class Project 02 - Prototype
  • Feedback
  • 6. Symbols & Repeat Grids
  • LM150 6.1 Working with groups & isolation mode in Adobe XD.mp4
  • LM150 6.2 How to make & use symbols in Adobe XD.mp4
  • LM150 6.3 Production Video - Left Nav.mp4
  • LM150 6.4 Using the repeat grid in Adobe XD.mp4
  • LM150 6.5 Updating symbols & problems with using repeat grids.mp4
  • LM150 6.6 Prototype Trick to save time in Adobe XD.mp4
  • LM150 6.7 Navigation tricks & tips in Adobe XD.mp4
  • LM150 6.8 Class Project 03 - Symbols & Repeat Grids.mp4
  • LM150 6.9 Assignment 3: Class Project 03 - Symbols & Repeat Grids
  • Feedback
  • 7. Prototyping an App - Introduction
  • LM150 7.1 Mocking up an App in Adobe XD.mp4
  • LM150 7.2 How to use the XD App on iPhone & Android.mp4
  • LM150 7.3 Adding iPhone & Android battery & status icons to mockup.mp4
  • LM150 7.4 How to fix the position of the nav or battery icons in XD.mp4
  • LM150 7.5 Production Video - Login & Dashboard.mp4
  • Feedback
  • 8. Wireframe Feedback
  • LM150 8.1 Sharing Wireframes for comments in Adobe XD.mp4
  • LM150 8.2 Recording your interactions via video using Adobe XD.mp4
  • LM150 8.3 Class project - Wireframe Feedback.mp4
  • LM150 8.4 Assignment 4: Class Project 04 - Wireframe Feedback
  • Feedback
  • 9. High Fidelity UI Design
  • LM150 9.1 Mood Boards & resources for Hi fidelity UI design in Adobe XD.mp4
  • LM150 9.2 Class project - Mood Board.mp4
  • LM150 9.3 Assignment 5: Class Project 05 - Mood Board
  • LM150 9.4 How to create a 12 Column or Grid in Adobe XD 2018.mp4
  • Feedback
  • 10. Colours
  • LM150 10.1 Working with colours inside Adobe XD CC.mp4
  • LM150 10.2 Tricks for using colours in Adobe XD.mp4
  • LM150 10.3 How to create gradients in Adobe XD.mp4
  • LM150 10.4 Class project 06 - Colours.mp4
  • LM150 10.5 Assignment 6: Class Project 06 - Colours
  • Feedback
  • 11. Text & Fonts Advanced
  • LM150 11.1 Use Web safe fonts or iOS or Android specific fonts in Adobe XD.mp4
  • LM150 11.2 How to use Character Styles in Adobe XD.mp4
  • LM150 11.3 Font & Text tips & tricks in Adobe XD.mp4
  • LM150 11.4 Adding our first Plugin Lorem Ipsum to Adobe XD.mp4
  • LM150 11.5 Creating realistic buttons in Adobe XD with paste properties.mp4
  • LM150 11.6 Class project 07 - Text & Buttons.mp4
  • LM150 11.7 Assignment 7: Class Project 07 - Text & Buttons
  • Feedback
  • 12. Drawing
  • LM150 12.1 How to draw your own custom icons in Adobe XD.mp4
  • LM150 12.2 Working with stokes & lines in Adobe XD.mp4
  • LM150 12.3 Learn to draw with the pen tool in Adobe XD.mp4
  • LM150 12.4 Drawing practise with the pen tool in Adobe XD.mp4
  • LM150 12.5 Production Video with some drawing tips.mp4
  • Feedback
  • 13. Working with Illustrator
  • LM150 13.1 Back and forth with Illustrator in Adobe XD.mp4
  • LM150 13.2 Class project 08 - Draw your own icons.mp4
  • LM150 13.3 Assignment 8: Class Project 08 - Draw your own icons
  • Feedback
  • 14. Working with InDesign
  • LM150 14.1 Working with InDesign in Adobe XD.mp4
  • Feedback
  • 15. Images
  • LM150 15.1 The pros & cons for working with images inside Adobe XD.mp4
  • LM150 15.2 Working with images and CC Library connection.mp4
  • LM150 15.3 Adobe Stock connection to find similar image for XD project.mp4
  • LM150 15.4 Free images to use in your XD mockups - Unsplash Pexels Freeimage.mp4
  • LM150 15.5 Masking & Opacity & Blurring background images.mp4
  • Feedback
  • 16. Working with Photoshop
  • LM150 16.1 Working with Photoshop in Adobe XD.mp4
  • LM150 16.2 Production Video - Infographic.mp4
  • LM150 16.3 Class project 09 - Full Hi Def mockup.mp4
  • LM150 16.4 Assignment 9: Class Project 09 - Full Hi Def mockup
  • Feedback
  • 17. APP Design
  • LM150 17.1 How to make a mobile phone mockup with Adobe XD & Photoshop.mp4
  • LM150 17.2 Class project 10 - Mobile Website.mp4
  • LM150 17.3 Assignment 10: Class Project 10 - Mobile APP/Website
  • Feedback
  • 18. Placeholder content & Plugins
  • LM150 18.1 Hidden features for Adobe XD Repeat Grid.mp4
  • LM150 18.2 Plugin - Content Generator in Adobe XD.mp4
  • LM150 18.3 Plugin - UI Faces adding random profile photos to XD.mp4
  • LM150 18.4 Plugin - PhotoSplash automatically import Unspash images.mp4
  • LM150 18.5 Plugin - Copy Cat or Mimic to style and images from a site.mp4
  • Feedback
  • 19. Asset Panel
  • LM150 19.1 Advanced Asset Panel tricks in Adobe XD.mp4
  • Feedback
  • 20. Symbol - Advanced
  • LM150 20.1 Advanced Symbol Tricks & Tips for Adobe XD.mp4
  • Feedback
  • 21. Micro Interactions
  • LM150 21.1 What are UI micro interactions in Adobe XD.mp4
  • LM150 21.2 Button grow or full screen image micro interaction in Adobe XD.mp4
  • LM150 21.3 Animated Image Gallery with micro interactions in Adobe XD.mp4
  • LM150 21.4 Full vector change micro interaction in Adobe XD.mp4
  • LM150 21.5 Class project 11 - Micro Interactions.mp4
  • LM150 21.6 Assignment 11: Class Project 11 - Micro Interactions
  • Feedback
  • 22. Prototyping Advanced
  • LM150 22.1 Time delay transitions in Adobe XD.mp4
  • LM150 22.2 How to create a popup menu or modal in Adobe XD.mp4
  • LM150 22.3 Animated mobile side nav for burger menu in Adobe XD.mp4
  • LM150 22.4 How to make a working drop down menu in Adobe XD.mp4
  • LM150 22.5 How to use the drag transition in Adobe XD.mp4
  • LM150 22.6 How to make a number ticker scroll using masks in Adobe XD.mp4
  • Feedback
  • 23. Voice Interactions
  • LM150 23.1 How to add Alexa style voice commands to Adobe XD.mp4
  • Feedback
  • 24. User Testing
  • LM150 24.1 What is user testing in Adobe XD.mp4
  • LM150 24.2 How to run an unmoderated UX User Test in Adobe XD.mp4
  • LM150 24.3 Class project 12 - User Testing.mp4
  • LM150 24.4 Assignment 12: Class Project 12 - User Testing
  • Feedback
  • 25. Pitching to clients & customers
  • LM150 25.1 Mocking up your designs in situ on a real phone in Photoshop.mp4
  • LM150 25.2 Advanced micro interactions & prototyping with Protopie in XD.mp4
  • LM150 25.3 How to add animation in Adobe XD.mp4
  • Feedback
  • 26. Exporting
  • LM150 26.1 How to export images & assets from Adobe XD for developers.mp4
  • LM150 26.2 How to export code in XD for engineers using Design Specs.mp4
  • Feedback
  • 27. Conclusion
  • LM150 27.1 Class Project 13 - Roar Cycles.mp4
  • LM150 27.2 Assignment 13: Class Project 13 - Roar Cycles
  • LM150 27.3 Conclusion for Adobe XD training course.mp4
  • Feedback
  • 28. Updates
  • LM150 28.1 2019 Adobe XD Updates BONUS Video - Part 1.mp4
  • LM150 28.2 2019 Adobe XD Updates BONUS Video - Part 2.mp4
  • Course Feedback
Completion rules
  • All units must be completed
Back