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 Mega Course – User Experience Design

/

Release date:2021, June 2

Author:Alan Ayoubi

Skill level:Beginner

Language:English

Exercise files:Yes

Hi everyone welcome to Adobe XD mega course.

Before I jump into the details of the course I want to quickly tell what adobe xd is used for.

Adobe XD is a simple easy to use application dedicated to UI UX design we can call it user interface or user? basically, we use adobe xd to design mobile apps and websites

Just like our other mega courses this course is designed to take you from absolute beginner to advanced level in UI design.

This course is divided into 4 main parts, basics of design mode, basics of prototype mode, advanced technique and finally working with real projects.

In the design mode basics. We will start with downloading Adobe XD and installing then we will open it for the first time.

I will show you how to work with artboards, shape tools line tools, I will teach you how to use text tools, how to use images easily and effectively. After that, we will cover alignment tools and boolean operations. Then I will show you how to work with components and assets inside XD. later, we will cover a very exciting feature in XD which is a repeat grid. After that, we will cover responsive resize I will show how to use it and how to get an advantage from it for your designs. The last thing we will cover some free Plugins, we will cover the most useful ones. When you finish this part you will have a complete understanding of Adobe XD design tools, you will be ready to use what you have learnt to create some professional design. Together we are going to design two screens of a finance app, we will use all that we learnt in the design mode basics part.

After we covered and practised everything about design mode we will move to the prototype model. We will start with the basics and then we will cover all of the tools and settings in the prototype mode. We will cover time transition, component states, scrolling groups, overly animation, drag animation, sound, voice and keyboard triggers and much more. At the end we will cover an exciting prototype feature which is auto animate, we are going to animate the design we made in the design part with auto animate.

After we covered both design and prototype mode we will cover some advanced techniques. Like 3D transform and animation, Glassmorphisms, input prototype, scroll number scroll colours.

At the end of the course, we are going to create two projects together, the first one is a website homepage for a financial company, we will create it from scratch, we will start with the brainstorming and written form then we will design and prototype it.

The second project will be an e-commerce app, we will start this one from the brainstorming to the design and then to prototyping.

After you finish this course you will have a full understanding of Ui design and Adobe XD. You will be ready to use Adobe XD effectively and professionally. You will be ready to start your carrier with UI design.

Watch online or Download for Free

01 – adobe-xd-mega-course-introduction
02 – difference-between-ui-and-ux-designer
03 – basics-design-mode
04 – 1-download-adobe-xd-first-time-opening-it
05 – 2-working-with-artboards
06 – 3-working-with-shapes-and-lines
07 – 4-working-with-text
08 – 5-working-with-images
09 – 6-alignment-tools-boolean-operations
10 – 7-assets-components
11 – 8-repeat-grid
12 – 9-responsive-resize
13 – 10-plugins
14 – finance-app-homework
15 – 1-background-and-credit-card-design-4k
16 – 2-buttons-and-the-rest-of-the-screen-design-4k-2
17 – 3-second-screen-design-4k
18 – everything-about-prototyping
19 – 1-basics-and-time-transition
20 – 2-component-states
21 – 3-overlay-scroll-and-drag-prototype
22 – 4-voice-sound-gamepad-key-prototype
23 – 5-auto-animate
24 – prototype-homework
25 – some-advanced-techniques
26 – 1-color-number-scroll-effect
27 – 2-character-input-prototype
28 – 3-glassmorphism
29 – 4-3d-transform-and-prototype
30 – advanced-section-homework
31 – wallet-x-website-ui
32 – 1-menu-bar-and-bg
33 – 2-landing-page-p1
34 – 3-landing-page-p2
35 – 4-benefits
36 – 5-credit-card-and-more
37 – 6-prototype
38 – e-commerce-app
39 – 1-onboarding-screen-design
40 – 2-login-and-signup-screen-design
41 – 3-nike-home-screen-design-p1
42 – 4-nike-home-screen-design-p2
43 – 5-puma-adidas-home-screen-design
44 – 6-single-product-preview-design
45 – 7-favourite-screen-design
46 – 8-profile-screen-design
47 – 9-my-cart-screen-design
48 – 10-search-screen-design
49 – 11-prototype-onboarding-sign-in-sign-up
50 – 12-prototype-scrolling-effect
51 – 13-prototype-between-nike-adidas-and-puma-screens
52 – 14-prototype-single-product-preview
53 – 15-prototype-favorites-screen
54 – 16-prototype-profile-screen
55 – 17-prototype-my-cart-screen
56 – 18-prototype-search-and-finalize
57 – 19-prototype-running-your-app-on-mobile
58 – end


Join us on
  Channel    and      Group

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

1 Comments

  1. I can’t find the download links for the videos and Exercise file so this Adobe XD Mega Course user experience design by Alan Ayoubi

Leave a Comment

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