About Course
Learn the principles of UI/UX design for mobile and web applications, from wireframing and prototyping to visual design and animations. Master tools like Adobe XD and create professional UI/UX designs for real-world applications.
Become proficient in designing user interfaces and experiences for mobile and web applications.
Requirements
- ✓No prior UI/UX design experience required.
- ✓Basic knowledge of design principles is helpful.
- ✓A computer with internet access.
- ✓Willingness to learn UI/UX design using Adobe XD and other tools.
Course Curriculum
Section 1: UX and UI Intro
1. UX Design Process
2. Difference Between UX UI Design
3. Skillset for a UI Designer
Assessment Exercise- 01
Section 2: Learn Adobe XD Tools and Basics
4. Adobe XD Installation
5. Adobe XD Basic Introduction
6. Select Artboard tool
7. Working with Shapes
8. Pen Tool and Custom Shapes
9. Type and Text tool
10. Alignments in Adobe XD
Assessment Exercise- 02
Section 3: Learn Adobe XD Tools and Basics Part 02
11. Boolean Operations Grouping
12. Gradient Fill
13. Repeat Grid
14. Import Images and Masking
15. Document Assets Components
16. Layer Panel and Exporting Assets
17. Plugins Installation
Assessment Exercise- 03
Section 4: Wireframe Design
18. Draw Your First Wireframe
19. Installing Required Plugins
20. Digital Wireframe Design
Resources
Assessment Exercise- 04
Section 5: Complete APP UI Design from Scratch to Advance Level
21. Moodboard Ideas for APP Design
22. Logo and Splash Screen
23. Splash Screen Styles
24. APP Style Guide and Welcome Screen
25. Login Screen Ideas
26. Create Account Screens
27. Home Page
28. Discover and Categories Page
29. Product Detail Page
30. Product Detail Page with Scroll
Resources
Assessment Exercise- 05
Section 6: Complete APP UI Design from Scratch to Advance Level Part 02
31. Filter Page
32. Tab Bar or Footer Navigation
33. Checkout Popup Design
34. Wishlist and My Bag
35. Confirm Order Page
36. Shipping Address Page
37. Pay Now and Confirmation Order
38. User Profile Page
39. Track Your Order
40. Side Navigation
41. Side Navigation Styles
Assessment Exercise- 06
Section 7: Prototyping and Animation
42. Prototyping and Linking Pages
43. Animation
44. Slide Left/Right and Up/Down
45. Drag and Rotate Animation
46. 3D Transform Animation
Assessment Exercise- 07
Section 8: Earning Money with Freelancing
47. Creating Profiles on Behance, Dribble, and Uploading Portfolio
48. Creating Fiverr Account
49. Creating Fiverr Profile
50. Creating First GIG
51. Killer Designs for GIG Image Cover
52. Creating Upwork Profile
53. Upwork Profile Setup
54. Upwork Finding Jobs and Bidding on Projects
55. Upwork Projects
56. Other Freelancing Platforms (PPH, FreeUp, 99 Designs)
Assessment Exercise- 08
Section 9: Earn While Traveling or Sleeping
57. UI8 Profile and Uploading Your Templates
58. UP Labs Profile and Uploading Your Templates
Assessment Exercise- 09
Section 10: Final Exam
Final Exam
What You Will Learn
- ✓Master the fundamentals of UX and UI design.
- ✓Learn to use Adobe XD for creating mobile and web designs.
- ✓Create wireframes, prototypes, and animations.
- ✓Understand the difference between UI and UX design and how they work together.
- ✓Learn design principles like color theory, typography, and layout.
- ✓Design complete mobile and web applications from scratch.
- ✓Learn how to present your work on platforms like Behance, Dribble, and Fiverr.