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.

Adobe XD Masterclass Learn UI & UX Design from Zero to Hero

/

Release date:2020, August 28

Author:Cristian Doru Barin

Skill level:Beginner

Language:English

Exercise files:Yes

Adobe XD is the next big thing in the design industry! Learn how to use it to create better designs, impress your work colleagues or your boss, start a new business, or charge more for your freelancing projects.

Note: Adobe XD is totally free but it doesn’t work on Windows 7 or 8!

This training is perfect for people of all levels. It doesn’t matter if you’re a long-time Photoshop user, an Illustrator enthusiast or you’re just getting started. Adobe XD will make you a better UI & UX designer. Here’s what you’ll learn:

The fundamentals of Adobe XD – how to get up and running with it;

How to use Adobe XD’s advanced features;

Design beautiful UI (user interface) projects: websites, mobile apps, presentations of all sorts;

Learn how to apply UX (user experience) principles without getting overwhelmed by loads of theory;

Create interactive prototypes that will impress clients;

Help your clients make more money by making key design changes to their websites;

Who is this training program for?

Anybody that wants to learn about the next big thing in the design world;

People who are not happy with Photoshop’s performance – it’s so slow sometimes!

Web designers who want to make more money from their projects;

People who need to create sleek and professional presentations (forget PowerPoint!);

App designers who want to quickly create iOS or Android apps;

Developers who want a better handover process from designers;

Project managers that need interactive prototypes done fast;

If you don’t have a lot of time to learn about various design programs, then this is the best course for you! Adobe XD is easy to learn and you’ll see how through fun exercises and activities, you’ll become proficient in no time at all!

“Get great results as fast as possible!” – that’s how I’ve created this course. We don’t waste time with boring theory. We start with the absolute basics and we work our way up, gradually, step by step. This is beginner friendly, but in the later sections advanced users will have a lot to learn too!

Watch online or Download for Free

01. Getting Started
01. Introduction
02. How to get the most out of this training
04. Adobe XD vs Photoshop
05. Get started with Adobe XD
06. Create your first design in Adobe XD
07. How to get around Adobe XD
08. Best way to select layers in XD
09. Exercise Practice your selecting
10. From Photoshop or Illustrator to Adobe XD!
11. Cloud documents and saving your work
12. Adobe XD quirks
13. Section conclusions

02. Adobe XD’s tools and features
01. Introduction
02. How to work with rectangles like a pro
03. Use the ellipse, polygon and line tools
04. Editing shapes
05. Pen tool
06. Let’s have fun – use all the tools
07. Work with colors and gradients
08. Grids, guides, smart guides – pixel perfect designs
09. The alignment tools – Overview
10. How to use the alignment tools
11. Work with text layers like a pro
12. Best way to work with images
13. Create a collage
14. Section conclusions

03. Saving and exporting your work
01. Export our work as PNGs
02. Share your work to get feedback
03. Optional – Save presentations as PDFs
04. Share your work with developers
05. Shrink your PNGs and JPEGs without losing quality

04. Adobe XD advanced features
01. Introduction
02. Fast designing with repeat grid
03. Quickly replace content
04. Components – a revolutionary feature
05. Practice working with components
06. Why we need to talk about style guides
07. How to supercharge your color use
08. How to work with character styles
09. Here’s how you actually set up your assets panel
10. A smarter way to work with linked assets
11. Undecided Keep multiple versions!
12. Working with several designers AT ONCE
13. Section conclusion

05. First web design project
01. Introduction to our first web design project
02. Create the website’s header
03. My advice for perfect social media icons
04. Setting our typography
05. Adding the search bar
06. The website’s categories
07. Build the content area with repeat grid
08. Pagination through XD components
09. Create the footer
10. Overview of the homepage
11. Create the product details page
12. Finishing touches on the product details page

06. Responsive design
01. What is responsive design
02. Designing without coding why and how
03. Making the mobile version of the homepage
04. Adjusting the design for the mobile version
05. Editing the footer for the mobile version
06. Create the mobile version for the product details page
07. Design variation #1 – color
08. Design variation #2 – typography
09. Design variation #3 – the layout
10. Key things about our design

07. Make the design interactive (prototyping)
01. Introduction to prototyping
02. The fundamentals of wiring a prototype
03. Trigger types in Adobe XD
04. Transition Animations and Easing
05. Auto-animate – the incredible game changer
06. Auto-animate and drag
07. Previous artboard – a must in any large project
08. How to make menus and pop ups seem real
09. Jump to a part of your design with “Scroll To”
10. Here’s why your animations don’t matter

08. Advanced Prototyping
01. Here’s why we should animate our design
02. What you should and shouldn’t animate
03. Create hover states for social media & main menu
04. Prototyping the search box – hover and down state + drop-down
05. Create a hover state for the repeat grid
06. Setting up the pagination and footer
07. How to quickly change your layout with stacks
08. Bonus Make the navigation work

09. User Experience (UX)
01. Introduction
02. What’s UI, what’s UX
03. Bad UX is very expensive
04. UX case study – icons
05. UX case study – buttons
06. UX case study – forms
07. UX case study – vague actions
08. UX case study – hierarchy
09. UX case study – fake content

10. What’s next
01. Heres what I suggest you do next

[Udemy] Adobe XD Masterclass Learn UI & UX Design from Zero to Hero.7z
[Udemy] Adobe XD Masterclass Learn UI & UX Design from Zero to Hero_Subtitles.7z


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

2 Comments

  1. can you please upload this course?

    Master Web Design in Photoshop: Complete UI/UX Masterclass

    https://www.udemy.com/course/master-web-design-in-photoshop/

    Thank you

  2. Upload This course, please
    Master Web Design in Photoshop: Complete UI/UX Masterclass
    https://www.udemy.com/course/master-web-design-in-photoshop/
    Thank you

Leave a Comment

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