Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Web UI UX Design using Adobe XD – User Experience Design

/

Release date:2018

Author: Daniel Walter Scott, Instructor HQ

Skill level:Beginner

Language:English

Exercise files:Yes

What you’ll learn
Become a UX designer.
You will be able to start earning money from your XD Skills.
You will be able to add UX designer to your CV
Build a UX project from beginning to end.
Become a UI designer.
Build & test a full mobile app.
Build & test a full website design.
You will have a project of your own to add to your portfolio.
42 lectures of well-structured, step by step content.
Learn to design websites & mobile phone apps.
Work with fonts & colours.
Prototype your designs with interactions.
Test on mobile phones.
You’ll create realistic prototype complete with micro interactions.
Send your designs for feedback & commenting.
Export production ready assets.
Create your first UX brief & persona.
Create quick wireframes.

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.

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!”

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.

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.

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.

Watch online or Download for Free

01. Overview
01. Introduction
02. Getting started with your Adobe XD project
03. What is UI vs UX – User Interface vs User Experience
04. The brief & persona for our real life project

02. Wireframing Low Fidelity
01. Wireframing (low fidelity) in Adobe XD
02. Working with existing UI kits in Adobe XD
03. Working with type in your XD wireframes
04. How to create forms, checkboxes & buttons in Adobe XD
05. Free icons for your Adobe XD & UX UI projects
06. Prototyping & adding interactivity to Adobe XD
07. Production video – student views in Adobe XD
08. How to make & use symbols in Adobe XD
09. Using the repeat grid in Adobe XD
10. Mocking up an App in Adobe XD
11. How to use the XD App on iPhone & Android
12. Production Video – Sign up screen & Dashboard
13. Sharing Wireframes for comments in Adobe XD

03. High Fidelity UI Design
02. Why do you need a 12 column grid in Adobe XD
03. How to create a 12 Column Grid in Adobe XD 2018
04. Working with colors inside Adobe XD CC
05. Use Web safe fonts or iOS or Android specific fonts in Adobe XD
06. How to use Character Styles in Adobe XD
07. Creating realistic buttons in Adobe XD with paste properties
08. How to draw your own custom icons in Adobe XD
09. How to make a gradient & blur in Adobe XD
10. The pros & cons for working with images inside Adobe XD
11. Working with Illustrator, Photoshop & InDesign in Adobe XD
12. How to mask in Adobe XD
13. Production Video – Adding text fields & buttons in Adobe XD
14. How to make a popup model in Adobe XD with a blurred background
15. Creating 12 column card dashboard using the repeat grid tool in Adobe XD
16. How to make a mobile phone mockup with Adobe XD & Photoshop
17. Make an APP version of your Adobe XD UX project
18. Hidden features for Adobe XD Repeat Grid
19. Advanced prototyping using buttons & dropdown menus in Adobe XD
20. One more Prototype trick & faking depth of field for mockup
21. UX User Testing in Adobe XD
22. How to export images & code from Adobe XD for developers

04. What Next
01. Class Project for Adobe XD
02. Shortcuts & Cheat Sheet for Adobe XD
03. BONUS Software Updates
04. Conclusion for Adobe XD training course

Web UI UX Design using Adobe XD – User Experience Design.7z


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

1 Comments

Leave a Comment

Your email address will not be published. Required fields are marked *