Go Pro!

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

Unlock CourseGet started!

Join 34725 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Unlock Course
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, bootcamps, 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
Sales dashboard

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

screenshot
Email form

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

screenshot
Color picker

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

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 tutorial 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 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'll be in good hands.

The ability to create good user interface designs is a skill any front-end developer will benefit from, whether you're in a team, as 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!