Intermediate
Learn UI Design
- 12 Sections
- 98 Lessons
- 9h Duration
Course Introduction
4 Lessons
UI Design Fundamentals
15 Lessons
Building A Simple Layout
7 Lessons
Responsive Design
9 Lessons
Responsive Navigations
8 Lessons
Full Project Refactoring
7 Lessons
Tea UI Design Project
9 Lessons
- The TeaPlace Landing Page Challenge
- Defining the HTML
- Challenge 1: Mobile UI Design
- Challenge 1: My Solution (Mobile Header & Navigation)
- Challenge 1: My Solution (Completing the Mobile Design)
- Challenge 2: Tablet Challenge
- Challenge 2: My Solution
- Challenge 3: Desktop Design
- Challenge 3: My Solution
Shadows
6 Lessons
Gradients
6 Lessons
Forms
7 Lessons
UI Animation
5 Lessons
Final Project
15 Lessons
- Project Introduction
- Defining the HTML
- Defining the HTML (Part 2)
- Defining the Navigation CSS
- Defining the Hero Section CSS (Part 1)
- Defining the Hero Section CSS (Part 2)
- Defining the Features Section
- Finishing the Mobile CSS
- Challenge: Small Tablet Responsive Design
- Challenge: Desktop Responsive Design
- Challenge: Testimonials on Desktop
- Defining the Sub Page HTML
- Challenge: Style the Sub Page
- Challenge: Animating the UI
- Bonus: Pattern Libraries, Style Guides & Design Systems 101
This massive UI design course teaches you to build beautiful and well-functioning user interfaces using HTML and CSS. It’s filled with interactive tutorials to ensure that the knowledge sticks with you. Created by Gary Simon, the most popular online instructor on this subject.