Learn UI Design Fundamentals

This course will teach you to build browser-based user interfaces that both look good and work well. All is done with HTML and CSS, so no clunky design tools needed.

Course content

01Course Introduction
1:06
02White Space
4:45
03Alignment
3:06
04Design Challenge 1
4:20
05A Short Message From Team Scrimba
2:58
06Contrast
4:35

Level up your UI design skills in just one hour 💅

This course will teach you the seven fundamentals that underpin any good user interface. Through lectures and interactive exercises, you'll acquire the skills you need in order to build UIs that both look good and work well. Everything will be built in the browser using HTML and CSS, and you'll be able to put your new skills to the test many times throughout the course.

The teacher is the well-known Gary Simon. He is one of the most popular design and coding techers on YouTube, with over 500.000 people following his channel DesignCourse. Gary has over 20 years of experience as a UI/UX designer and a frontend developer, so you can rest assured that you'll be in good hands.

Building great UIs is a skill that will benefit any front-end developer, whether you're in a team, working as a consultant, or want to build your own projects. So what are you waiting for?

Coming soon: The UI Design Bootcamp

This course is actually a part of an upcoming bootcamp on UI design. If you're interested in being on the waitlist for the full bootcamp, leave your email here.

What you'll learn 👩‍🏫

Colors
Contrast
White space
Typography
Alignment
Visual hierarchy
Scale

what you'll build 🔨

Sales dashboard

The final project. It'll tie together many of the concepts you learn in the course.

Email form

This email form will teach you about the importance of visual hierarchies in UI design.

Color picker

In this project, you'll learn why scales matter when building UIs.

Meet your teacher 👋

The course creator

Gary Simon

Gary is one of YouTube's most popular coding teachers, with over 500.000 followers. He has created close to 100 courses, with topics raging from graphic design to advanced frontend development.

Thank Gary for the course

people love this course 😍

why you'll learn faster 🔥

secure your free spot

100,000 people can't be wrong