It is now time to upgrade yourself and learn Adobe XD
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 we'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 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. We 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.
If you are ready, let's get started.
This course is compatible with Adobe XD 2018 or above.
Course Outline
Here's what you'll learn in more detail
-
1
Introduction
- Welcome FREE PREVIEW
- Exercise Files and Projects
- Getting started with your Adobe XD project FREE PREVIEW
- What is UI vs UX - User Interface vs User Experience FREE PREVIEW
- The brief & persona for our real life project
-
2
Wireframing Low Fidelity
- Wireframing (low fidelity) in Adobe XD
- Working with existing UI kits in Adobe XD FREE PREVIEW
- Working with type in your XD wireframes
- How to create forms, checkboxes & buttons in Adobe XD
- Free icons for your Adobe XD & UX UI projects
- Prototyping & adding interactivity to Adobe XD FREE PREVIEW
- Production video - student views in Adobe XD
- How to make & use symbols in Adobe XD FREE PREVIEW
- Using the repeat grid in Adobe XD
- Mocking up an App in Adobe XD
- How to use the XD App on iPhone & Android
- Production Video - Sign up screen & Dashboard
- Sharing Wireframes for comments in Adobe XD
-
3
High Fidelity UI Design
- Mood Boards & resources for Hi fidelity UI design in Adobe XD
- Why do you need a 12 column grid in Adobe XD FREE PREVIEW
- How to create a 12 Column Grid in Adobe XD 2018
- Working with colours inside Adobe XD CC
- Use Web safe fonts or iOS or Android specific fonts in Adobe XD
- How to use Character Styles in Adobe XD FREE PREVIEW
- Creating realistic buttons in Adobe XD with paste properties
- How to draw your own custom icons in Adobe XD
- How to make a gradient & blur in Adobe XD
- The pros & cons for working with images inside Adobe XD
- The pros & cons for working with images inside Adobe XD
- Working with Illustrator, Photoshop & InDesign in Adobe XD
- How to mask in Adobe XD
- Production Video - Adding text fields & buttons in Adobe XD FREE PREVIEW
- How to make a popup modal in Adobe XD with a blurred background
- Creating 12 column card dashboard using the repeat grid tool in Adobe XD
- How to make a mobile phone mockup with Adobe XD & Photoshop
- Make an APP version of your Adobe XD UX project
- Hidden features for Adobe XD Repeat Grid FREE PREVIEW
- Advanced prototyping using buttons & dropdown menus in Adobe XD
- One more Prototype trick & faking depth of field for mockup FREE PREVIEW
- UX User Testing in Adobe XD
- How to export images & code from Adobe XD for developers
-
4
Conclusion
- Shortcuts & Cheat Sheet for Adobe XD
- Conclusion for Adobe XD training course
BECOME A MEMBER
With a monthly or yearly subscription, you can have unlimited access to our ever-expanding library of top quality video training courses from the best instructors in the creative industry. The subscription plan gives you access to all training courses.
-
£19.00 / month
£19.00 / monthAccess All Courses
Pay monthly and cancel any time -
£180.00 / year
£180.00 / yearAccess All Courses
Pay annually and save over 20%