SkillManthan Logo - Best IT Training Institute in Lucknow
Loading your future skills...
+91-6392-361-443,+91-9120-341-047
theskillmanthan@gmail.com
Our Placements Scholarship Test Training Brochure Company Profile
Register Now Scholarship Test
Best Summer & Industrial Training in Lucknow | Affordable IT Internships
Verify Certificate Register Now
Download Courses - SkillManthan Technologies Pvt Ltd
Modern Web Design Course Banner

Modern Web Design (UI/UX + Responsive Design)

Learn modern web design principles — create beautiful, user-friendly, and responsive websites using UI/UX concepts, layouts, and design tools.

Course Description

This course focuses on modern website design, including UI/UX fundamentals, responsive layouts, typography, color theory, and real-world design projects using tools like Figma and CSS frameworks.

Detailed Course Syllabus

L.N. Contents Hours
1
  1. Introduction to Web Design
  2. UI vs UX
  3. Design Principles
  4. Color Theory
  5. Typography Basics
 2
2
  1. Design Tools
    • Figma Basics
    • Wireframing
    • Prototyping
 2
3
  1. Layout Design
    • Grid System
    • Spacing & Alignment
    • Visual Hierarchy
 2
4
  1. Responsive Design
    • Mobile First Approach
    • Breakpoints
    • Adaptive Layouts
 2
5
  1. UI Components Design
    • Buttons, Cards, Forms
    • Navigation Design
    • Design Systems
 2
6
  1. CSS Frameworks
    • Bootstrap
    • Tailwind CSS
    • Utility First Design
 2
7
  1. Animations & Micro Interactions
    • Hover Effects
    • Transitions
    • User Feedback Design
 2
8
  1. Website UX Optimization
    • Usability Principles
    • Accessibility Basics
    • Conversion Design
 2
9
  1. Design to Code
    • Convert Figma to HTML/CSS
    • Pixel Perfect Design
 2
10
  1. Real Projects
    • Landing Page Design
    • Business Website UI
 2
11
  1. Final Project
  2. Portfolio Creation
  3. Client Projects Strategy
  4. Interview Preparation
 2