Graphic Design | Web Design, UI UX
Hi there, my name is Dan & I am an Adobe Certified Instructor. Together we are going to learn how to use Adobe XD. We will use this UX UI design tool to create a beautiful User Interface & streamlined User Experience.
During our course we will use an actual freelance project which I am working on. It’s a project that needs both a website interface & a mobile app, so it will give you a good idea of how to manage your own UX projects.
This course is aimed at people new to design & user experience. We will start right at the beginning and work our way through step by step.
First I’ll show you how to construct a good brief & UX persona. Then you will learn to create simple wireframes, from there we will learn how to implement colours & images correctly in your designs. You will learn learn the do's and don'ts of choosing fonts for web & mobile apps. We will also cheat a little by exploring pre-made UI kits to speed up our workflow.
We will build & prototype both a website design and a mobile app design, connecting pages and also adding full interactivity ready for user testing. I will share with you all the secret tricks inside Adobe XD that help you speed up repetitive tasks and we will work all the way through to exporting correct files & creating your design specs.
There is a project for you to complete during this class which 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 are the requirements?
What am I going to get from this course?
What is the target audience?
Lesson- 1: Introduction to Adobe XD 00:02:03
Lesson- 2: Getting started with your Adobe XD project 00:00:51
Lesson- 3: What is UI vs UX - User Interface vs User Experience 00:02:08
Lesson- 4: The brief & persona for our real life project 00:11:22
Lesson- 1: Wireframing (low fidelity) in Adobe XD 00:01:58
Lesson- 2: Working with existing UI kits in Adobe XD 00:08:27
Lesson- 3: Working with type in your XD wireframes 00:05:21
Lesson- 4: How to create forms, checkboxes & buttons in Adobe XD 00:07:41
Lesson- 5: Free icons for your Adobe XD & UX UI projects 00:14:48
Lesson- 6: Prototyping & adding interactivity to Adobe XD 00:10:08
Lesson- 7: Production video - student views in Adobe XD 00:03:14
Lesson- 8: How to make & use symbols in Adobe XD 00:07:22
Lesson- 9: Using the repeat grid in Adobe XD 00:07:23
Lesson- 10: Mocking up an App in Adobe XD 00:08:35
Lesson- 11: How to use the XD App on iPhone & Android 00:06:56
Lesson- 12: Production Video - Sign up screen & Dashboard 00:10:46
Lesson- 13: Sharing Wireframes for comments in Adobe XD 00:12:30
Lesson- 1: Mood Boards & resources for Hi fidelity UI design in Adobe XD 00:07:47
Lesson- 2: Why do you need a 12 column grid in Adobe XD 00:01:57
Lesson- 3: How to create a 12 Column Grid in Adobe XD 2018 00:02:47
Lesson- 4: Working with colors inside Adobe XD CC 00:05:30
Lesson- 5: Use Web safe fonts or iOS or Android specific fonts in Adobe XD 00:08:44
Lesson- 6: How to use Character Styles in Adobe XD 00:03:06
Lesson- 7: Creating realistic buttons in Adobe XD with paste properties 00:05:39
Lesson- 8: How to draw your own custom icons in Adobe XD 00:09:04
Lesson- 9: How to make a gradient & blur in Adobe XD 00:02:11
Lesson- 10: The pros & cons for working with images inside Adobe XD 00:03:39
Lesson- 11: Working with Illustrator, Photoshop & InDesign in Adobe XD 00:08:35
Lesson- 12: How to mask in Adobe XD 00:08:51
Lesson- 13: Production Video - Adding text fields & buttons in Adobe XD 00:06:54
Lesson- 14: How to make a popup modal in Adobe XD with a blurred background 00:04:24
Lesson- 15: Creating 12 column card dashboard using the repeat grid tool in Adobe XD 00:23:01
Lesson- 16: How to make a mobile phone mockup with Adobe XD & Photoshop 00:14:42
Lesson- 17: Make an APP version of your Adobe XD UX project 00:14:40
Lesson- 18: Hidden features for Adobe XD Repeat Grid 00:08:56
Lesson- 19: Advanced prototyping using buttons & dropdown menus in Adobe XD 00:21:32
Lesson- 20: One more Prototype trick & faking depth of field for mockup 00:07:33
Lesson- 21: UX User Testing in Adobe XD 00:01:55
Lesson- 22: How to export images & code from Adobe XD for developers 00:12:51
Lesson- 1: Class Project for Adobe XD 00:05:07
Lesson- 2: Shortcuts & Cheat Sheet for Adobe XD 00:11:50
Lesson- 3: Conclusion for Adobe XD training course 00:02:14
We can send you everything you need to know about this course through email.
We respect your privacy. your information is safe and will never be shared.