Course Overview
- ›Introduction to UI Design
- ›UI vs UX
- ›Design process
- ›Design principles
- ›Design patterns
- ›Best practices
- ›Grid systems
- ›Visual hierarchy
- ›White space
- ›Proximity & similarity
- ›Continuity
- ›Layouts
- ›Color psychology
- ›Color palettes
- ›Accessibility
- ›Font selection
- ›Typography rules
- ›Readability
- ›Buttons & inputs
- ›Navigation components
- ›Cards
- ›Notifications
- ›Modals
- ›Progress bars
- ›Figma basics
- ›Frames & shapes
- ›Text & images
- ›Components
- ›Auto layout
- ›Design systems
- ›Low fidelity wireframes
- ›High fidelity designs
- ›Prototyping
- ›Animations
- ›User flows
- ›Testing
- ›What is UX
- ›UX principles
- ›UX process
- ›User centered design
- ›Design thinking
- ›Empathy
- ›User research
- ›Personas
- ›User journeys
- ›Surveys
- ›Competitor analysis
- ›Data insights
- ›Content structure
- ›Navigation
- ›Card sorting
- ›Site maps
- ›Hierarchy
- ›Labeling
- ›Mobile first design
- ›Responsive principles
- ›Device adaptation
- ›Touch guidelines
- ›Mobile navigation
- ›Layouts
- ›HTML basics
- ›CSS styling
- ›Bootstrap
- ›Responsive design
- ›JS interactions
- ›Design to code
What we'll cover in this course:
- Fundamentals of UI Design
- Visual Design Principles
- Color Theory and Typography
- UI Components and Elements
- Design Tools - Figma
- Wireframing and Prototyping
- UX Design Fundamentals
- User Research and Analysis
- Information Architecture
- Responsive and Mobile Design
- UI Development Basics
- Usability Testing
- Design Portfolio
- AI Tools for Design
- Capstone Project
Technologies & Tools
