UI/UX Design - Figma, Adobe XD & Prototyping
Learn from Industry Experts | 100% Placement Assistance
Timing : 9.00 AM - 06.00 PMAbout This Course
UI design and UX design are two of the most often confused and conflated terms in web and app design. And understandably so. They're usually placed together in a single term, UI/UX design, and viewed from the surface they seem to be describing the same thing. It's often hard to find solid descriptions of the two that don't descend too far into jargon. But fear not!
-
Course Duration
2-3 Months
-
Certificate
Upon Completion
-
Students Enrolled
1000+
-
Learning Mode
Online & Offline
-
Branches
Maninagar | Gandhinagar | Kudasan | Bopal | Nikol | Mehsana | Gurukul
Course Curriculum
- Introduction to UI and UX - Differences and Similarities
- UX Design Process - Research, Design, Testing, Implementation
- User Research - Surveys, Interviews, Personas, User Stories
- Information Architecture - Sitemaps, Navigation, Content Structure
- Wireframing - Low-Fidelity and High-Fidelity Wireframes
- Prototyping - Interactive Prototypes, Click-through Models
- User Flow and Journey Mapping
- Usability Testing - Methods, Analysis, Iteration
- UI Design Principles - Hierarchy, Balance, Contrast, Alignment
- Color Theory - Color Psychology, Palettes, Accessibility
- Typography - Font Pairing, Hierarchy, Readability
- Visual Hierarchy and Layout Design
- Responsive Design - Mobile-First, Adaptive Layouts
- Design Systems and Style Guides
- Accessibility in Design - WCAG Guidelines
- Portfolio Building for UI/UX Designers
- Introduction to Figma - Interface, Tools, Features
- Creating Frames, Shapes, and Text Layers
- Working with Components and Variants
- Auto Layout - Responsive Design in Figma
- Constraints and Resizing Behaviors
- Styles - Color, Text, Effect, Grid Styles
- Plugins and Widgets in Figma
- Prototyping - Connecting Frames, Interactions, Animations
- Collaboration - Real-time Editing, Comments, Version History
- Handoff to Developers - Inspect, CSS Code, Assets Export
- Figma Mirror for Mobile Preview
- Creating Design Systems in Figma
- Building Complete App and Web Designs in Figma
- Introduction to Adobe XD - Interface, Artboards, Tools
- Creating Wireframes and High-Fidelity Designs
- Working with Repeat Grid for Lists and Cards
- Components and States - Hover, Toggle, Active
- Responsive Resize for Multiple Screen Sizes
- Prototyping - Triggers, Actions, Auto-Animate
- Voice Prototyping - Voice Triggers, Speech Output
- Coediting and Collaboration in Adobe XD
- Integration with Creative Cloud - Photoshop, Illustrator
- Plugins and UI Kits in Adobe XD
- Sharing and Exporting - Design Specs, Assets, Recordings
- Mobile App Design with Adobe XD
- Website Design and Landing Page Creation
- Capstone Project - Complete UI/UX Portfolio Project
