Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Learn UI Design Fundamentals

Enroll for freeGet started!

Join 42026 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Gary Simon

with Gary Simon

Course level: Intermediate

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

You'll learn

Colors

Contrast

White space

Typography

Alignment

Visual hierarchy

Scale

You'll build

screenshot
Color picker

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

screenshot
Email form

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

screenshot
Sales dashboard

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

man

Prerequisites

Before taking this course, you should have a basic understanding of HTML and CSS. Here’s our suggested resource to get you up to speed.

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.

Follow me on twitter

Why this course rocks

This course will teach you the seven fundamentals that underpin any beautiful and effective user interface.

Through lectures and interactive exercises, you'll discover the skills you need in order to build UIs that both look amazing and feel great to use.

You will build everything in the browser using HTML and CSS, and put your new skills to the test many times throughout the course!

Teacher Gary Simon is one of the most popular design and coding teachers on YouTube, with over 600,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 are in good hands.

The ability to create stunning user interfaces is a skill any frontend developer will benefit from, whether you're in a team, a consultant, or want to build your own projects. So what are you waiting for?

Join the Scrimba community chat Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!