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