EMPIRES COMPUTER
ISO 9001:2015 Certified Computer Institute
+91 99138 29112 | +91 63532 52072
empirescomputer81@gmail.com
Designing
Official Course Syllabus & Career Roadmap
UI / UX Designing (Figma / Photoshop)
Complete UI/UX design masterclass with Figma and Photoshop covering design systems, wireframing, and interactive prototypes.
Course Overview
Complete UI/UX design masterclass with Figma and Photoshop covering design systems, wireframing, and interactive prototypes.
Target Audience & Who Should Join
- Photographers, studio artists & digital photo retouchers
- Social media creators making YouTube thumbnails & posters
- Graphic designers wanting advanced layer masking & color grading
Detailed Course Syllabus Modules
Module 1: UX Foundations & Design Thinking Process
- Introduction to UI vs UX, User-Centered Design (UCD) & Empathy in Design
- User Research, User Personas, User Flows, Journey Maps & Information Architecture
- Low-Fidelity Paper Sketches to Digital Wireframing (Wireframes & Sitemaps)
- Usability Heuristics, User Testing & Feedback Iteration Techniques
Module 2: Figma Mastery & Modern Interface Design
- Figma Interface, Canvas Setup, Vector Pen Tool, Shapes & Frame Layouts
- Typography Selection, Hierarchy, Contrast Rules & Accessible Color Palettes
- Auto-Layout 5.0, Responsive Constraints, Breakpoints & Fluid Grid Systems
- Component Architecture, Variants, Interactive Component States & Property Controls
Module 3: Advanced Prototyping, Micro-Interactions & Design Systems
- Smart Animate, Page Transitions, Modal Popups, Sliders & Drag Interactions
- Micro-Interactions, Hover Effects, Button Animations & Mobile Gestures
- Building Scalable Design Systems (Design Tokens, Atoms, Molecules & Style Guides)
- Developer Handoff: CSS Inspect, Asset Export (SVG, PNG, WebP) & Figma Specs
Module 4: Adobe Photoshop for UI Assets & Real Portfolio Projects
- Photoshop Photo Editing for UI (Masking, Cutouts, Hero Image Retouching & Textures)
- Creating Custom App Icons, Illustrations, Mockups & Presentation Slides
- Capstone Project 1: Complete Mobile App Design (Food Delivery / Fintech / Healthcare)
- Capstone Project 2: High-Converting Responsive E-Commerce / SaaS Website UI
- Behance & Dribbble Portfolio Case Study Creation & Interview Preparation
Practical Design Examples & Live Projects Included
📱 Complete Mobile App UI/UX
End-to-end design for iOS/Android: Onboarding, Dashboards, Checkout flow & interactive prototypes.
💻 Responsive SaaS Web Platform
Modern responsive web dashboard with fluid grid system, dark mode & responsive breakpoints.
🧩 Scalable Design System
Typography scales, color tokens, button variants, interactive components & developer documentation.
💼 Behance & Dribbble Portfolio
Industry-standard UX case studies detailing problem statement, research, wireframes & results.
Career Opportunities & Job Profiles
Photoshop Artist & Photo Retoucher
Digital Poster Designer
Studio Lab Technician
Social Media Creative Artist
Empires Computer Rajkot - 100% Practical Training & Placement
Generated Date: 05 Nov 2026