Adobe XD Mega Course – User Experience Design
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.
Introduction
Basics Of XD Design Mode
Design Mode Homework
Basics of XD Prototype Mode
Some Advanced Techniques
Wallet X Website Design
E- Commerce Mobile App
End
Community
- Connect
- Jobs
- Events
- Forums
- Groups
For Professionals
- List Item #1
- List Item #2
- List Item #3
For Businesses
- List Item #1
- List Item #2
- List Item #3
Partnership Opportunities
- Sponsorships
- Advertise with us
- List your Business
- List your Event
- List your Course