COURSE INTRODUCTION
75% Off on all pricing plans
Pay $25 Instead of $100 for 6 months access. Pay $35 Instead of $140 for lifetime access.
Or get this course with all other courses with our All In One Bundle - More than 75% Off
Course Over View
Basics of XD Design Mode
In this Section I will teach you all the basics and tools you need to create awesome UI design. We will start from first time opening the Adobe XD and we will go into details of design tools. by the end of this section you will be ready to create your own UI designs in XD
Design Homework - Finance App
In this section we are going to use everything that we have learnt in the Basics of Design Mode section and create an awsome Application UI
Basics of XD Prototype Mode
In this section we are going to cover all of the basics of prototyping in Adobe XD. We are going to practice on each Prototype mode. At the end we are going to cover the most important feature which is Auto Animate.
Some Advanced Techniques
In this section, we are going to use some advanced techniques and styles. I will show you how to achieve Glassmorphism style, how to work with 3D transfer and 3D prototype, character input prototypes and more.
Wallet X - First Project
After you finish all of the sections now you are ready to take your skills to a next level. Together we are going to design, prototype and animate a professional home page for an e-Wallet website.
E-Commerce Mobile App
After you finish all of the sections now you are ready to take your skills to a next level. Together we are going to design, prototype and animate a professional Mobile for E-commerce. at the end we are going to run this app on our mobiles
75% Off on all pricing plans
Pay $25 Instead of $100 for 6 months access. Pay $35 Instead of $140 for lifetime access.
Course Curriculum
- Basics - Design Mode (1:12)
- Resource files For Basics of Design Mode
- #1 Download Adobe XD, First time opening it (4:01)
- #2 Working with Artboards (4:50)
- #3 Working with Shapes and Lines (13:17)
- #4 Working With Text (6:43)
- #5 Working With Images (6:51)
- #6 Alignment Tools & Boolean Operations (6:32)
- #7 Assets & Components (7:35)
- # 8 Repeat Grid (5:21)
- #9 Responsive Resize (11:15)
- #10 Plugins (12:13)
- E Commerce App (0:27)
- Resource Files For E-commerce App
- #1 Onboarding screen design (11:27)
- #2 Login and Signup Screen Design (13:35)
- #3 Nike Home Screen Design P1- (29:26)
- #4 Nike Home Screen Design P2 (9:55)
- #5 Puma & Adidas Home Screen Design (8:25)
- #6 Single Product Preview Design- (12:52)
- #7 Favourite Screen Design (6:56)
- #8 Profile Screen Design (5:39)
- #9 My Cart Screen Design (4:21)
- #10 Search Screen Design (11:01)
- #11 Prototype - Onboarding, Sign in & Sign up (9:51)
- #12 Prototype - Scrolling Effect (2:34)
- #13 Prototype - Between Nike, Adidas and Puma Screens- (6:48)
- #14 Prototype - Single Product Preview (4:09)
- #15 Prototype - Favorites Screen (11:49)
- #16 Prototype - Profile Screen (4:20)
- #17 Prototype - My Cart Screen (7:03)
- #18 Prototype - Search And Finalize (16:50)
- #19 Prototype - Running your App on Mobile (2:18)