Course Brief
About this 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.
Eligibility
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.
Training Plan
Learning Roadmap
01
Foundation Studio: UX and UI Intro
- Practice ux design process through a guided digital skills practice activity.
- Difference Between UX UI Design
- Skillset for a UI Designer
- guided portfolio activity Exercise- 01
02
Practical Lab: Learn Adobe XD Tools and Basics
- Adobe XD Installation
- Adobe XD Basic Introduction
- Select Artboard tool
- Working with Shapes
- Pen Tool and Custom Shapes
- Practice type and text tool through a guided digital skills practice activity.
- Alignments in Adobe XD
- guided portfolio activity Exercise- 02
03
Applied Workflow: Learn Adobe XD Tools and Basics Part 02
- Boolean Operations Grouping
- Practice gradient fill through a guided digital skills practice activity.
- Practice repeat grid through a guided digital skills practice activity.
- Import Images and Masking
- Document Assets Components
- Layer Panel and Exporting Assets
- Plugins Installation
- guided portfolio activity Exercise- 03
04
Professional Practice: Wireframe Design
- Draw Your First Wireframe
- Installing Required Plugins
- Digital Wireframe Design
- Practice resources through a guided digital skills practice activity.
- guided portfolio activity Exercise- 04
05
Portfolio Sprint: Complete APP UI Design from Scratch to Advance Level
- Moodboard Ideas for APP Design
- Logo and Splash Screen
- Splash Screen Styles
- APP Style Guide and Welcome Screen
- Practice login screen ideas through a guided digital skills practice activity.
- Create Account Screens
- Practice home page through a guided digital skills practice activity.
- Discover and Categories Page
- Product Detail Page
- Product Detail Page with Scroll
- Practice resources through a guided digital skills practice activity.
- guided portfolio activity Exercise- 05
06
Career Readiness: Complete APP UI Design from Scratch to Advance Level Part 02
- Practice filter page through a guided digital skills practice activity.
- Tab Bar or Footer Navigation
- Checkout Popup Design
- Wishlist and My Bag
- Practice confirm order page through a guided digital skills practice activity.
- Shipping Address Page
- Pay Now and Confirmation Order
- Practice user profile page through a guided digital skills practice activity.
- Practice track your order through a guided digital skills practice activity.
- Practice side navigation through a guided digital skills practice activity.
- Side Navigation Styles
- guided portfolio activity Exercise- 06
07
Foundation Studio: Prototyping and Animation
- Prototyping and Linking Pages
- Practice animation through a guided digital skills practice activity.
- Slide Left/Right and Up/Down
- Drag and Rotate Animation
- 3D Transform Animation
- guided portfolio activity Exercise- 07
08
Practical Lab: Earning Money with Freelancing
- Creating Profiles on Behance, Dribble, and Uploading Portfolio
- Creating Fiverr Account
- Creating Fiverr Profile
- Practice creating first gig through a guided digital skills practice activity.
- Killer Designs for GIG Image Cover
- Creating Upwork Profile
- Upwork Profile Setup
- Upwork Finding Jobs and Bidding on Projects
- Practice upwork projects through a guided digital skills practice activity.
- Other Freelancing Platforms (PPH, FreeUp, 99 Designs)
- guided portfolio activity Exercise- 08
09
Applied Workflow: Earn While Traveling or Sleeping
- UI8 Profile and Uploading Your Templates
- UP Labs Profile and Uploading Your Templates
- guided portfolio activity Exercise- 09
10
Portfolio Sprint: Digital Skills Practice Review
- Review the major digital skills practice concepts through a guided recap.
- Organize class practice into a simple portfolio-ready workflow.
- Apply the learned process on a realistic task with instructor guidance.
- Prepare next-step notes for continued practice after course completion.