User Experience Design Essentials – Adobe XD UI UX Design
-
Complete CourseIntroduction to the User Experience Course0sGetting started with your Adobe XD project0sWhat is UI vs UX – User Interface vs User Experience vs Product Designer0sThe UX brief & persona for our real life project0sWireframing (low fidelity) in Adobe XD0sHow wide should my website or app be in Adobe XD0sWorking with existing UI kits in Adobe XD0sWorking with type in your XD wireframes0sBasic Colors & buttons in Adobe XD wireframes0sFree icons for your Adobe XD & UX UI projects0sAdding footers & Lorem Ipsum to our XD wireframe0sNew Pages & Artboards in Adobe XD0sClass Project 01 – Wireframe Homepage & Contact Us Page0sPrototyping & adding interactivity to Adobe XD0sHow to create a Popup Modal or popup box in Adobe XD0sClass project 02 – Prototype0sWorking with groups & isolation mode in Adobe XD0sHow to make & use symbols in Adobe XD0sProduction Video – Left Nav0sUsing the repeat grid in Adobe XD0sUpdating symbols & problems with using repeat grids0sPrototype Trick to save time in Adobe XD0sNavigation tricks & tips in Adobe XD0sClass Project 03 – Symbols & Repeat Grids0sMocking up an App in Adobe XD0sHow to use the XD App on iPhone & Android0sAdding iPhone & Android battery & status icons to mockup0sHow to fixed the position of the nav or battery icons in XD0sProduction Video – Login & Dashboard0sSharing Wireframes for comments in Adobe XD0sRecording your interactions via video using Adobe XD0sClass project – Wireframe Feedback0sMood Boards & resources for Hi fidelity UI design in Adobe XD0sClass project – Mood Board0sHow to create a 12 Column or Grid in Adobe XD 20180sWorking with colors inside Adobe XD CC0sTricks for using colors in Adobe XD0sHow to create gradients in Adobe XD0sClass project 06 – Colors0sUse Web safe fonts or iOS or Android specific fonts in Adobe XD0sHow to use Character Styles in Adobe XD0sFont & Text tips tricks in Adobe XD0sAdding our first Plugin Lorem Ipsum to Adobe XD0sCreating realistic buttons in Adobe XD with paste properties0sClass project 07 – Text & Buttons0sHow to draw your own custom icons in Adobe XD0sWorking with stokes & lines in Adobe XD0sLearn to drawing with the pen tool in Adobe XD0sDrawing practise with the pen tool in Adobe XD0sProduction Video with some drawing tips0sBack and forth with Illustrator in Adobe XD0sClass project 08 – Draw your own icons0sWorking with InDesign in Adobe XD0sThe pros & cons for working with images inside Adobe XD0sWorking with images and CC Library connection0sAdobe Stock connection to find similar image for XD project0sFree images to use in your XD mockups – Unsplash Pexels Freeimage0sMasking & Opacity & Blurring background images0sWorking with Photoshop in Adobe XD0sProduction Video – Infographic0sClass project 09 – Full Hi Def mockup0sHow to make a mobile phone mockup with Adobe XD & Photoshop0sClass project 10 – Mobile Website0sHidden features for Adobe XD Repeat Grid0sPlugin – Content Generator in Adobe XD0sPlugin – UI Faces adding random profile photos to XD0sPlugin – PhotoSplash automatically import Unspash images0sPlugin – Copy Cat or Mimic to style and images from a site0sAdvanced Asset Panel tricks in Adobe XD0sAdvanced Symbol Tricks & Tips for Adobe XD0sWhat are UI micro interactions in Adobe XD0sButton grow or full screen image micro interaction in Adobe XD0sAnimated Image Gallery with micro interactions in Adobe XD0sFull vector change micro interaction in Adobe XD0sClass project 11 – Micro Interactions0sTime delay transitions in Adobe XD0sHow to create a popup menu or modal in Adobe XD0sAnimated mobile side nav for burger menu in Adobe XD0sHow to make a working drop down menu in Adobe XD0sHow to use the drag transition in Adobe XD0sHow to make a number ticker scroll using masks in Adobe XD0sHow to add Alexa style voice commands to Adobe XD0sWhat is user testing in Adobe XD0sHow to run an unmoderated UX User Test in Adobe XD0sClass project 12 – User Testing0sMocking up your designs in situ on a real phone in Photoshop0sAdvanced micro interactions & prototyping with Protopie in Adobe XD0sHow to add animation in Adobe XD using Adobe After Effects0sHow to export images & assets from Adobe XD for developers0sHow to export code in XD for engineers using Design Specs0sClass Project 13 – Roar Cycles0sAdobe XD CC 2021 New Features & Updates!0sConclusion for Adobe XD training course0s
Are you excited to get into the world of UI/UX but you don’t know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.
Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.
Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.
-
Aria: “This course is definitely above expectations so far. I didn’t expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!”
This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!
First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.
I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.
-
Kate: Excellent course – Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it’s completion. I am using Adobe XD daily and Dan’s instruction was instrumental to adding this feather to my front-end web development hat.
An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.
One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.
-
Leigh: “I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD.”
There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.
It is now time to upgrade yourself & learn Adobe XD.
What's included
- 9.5 hours on-demand video
- 1 article
- 1 downloadable resource
- Access on mobile and TV
- Certificate of completion