Learn UI Design Fundamentals

Enroll for free Get started!

Join 38255 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

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.

What's inside

This course contains 17 interactive screencasts

Learn UI Design Fundamentals

17 lessons1 hour 10 min

1. Course Introduction

3. Frontend Career Path

5. Design Challenge: 1

8. Design Challenge: 2

11. Design Challenge: 3

12. Visual Hierarchy

13. Design Challenge: 4

14. The Final Challenge

15. Deploying to Netlify

16. Closing Thoughts

17. Congratulations on completing UI Design Fundamentals! 🥳

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.

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.

Learn HTML and CSS

105 lessons | 5 hours 33 min

with Per Harald Borgen

Per Harald Borgen

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!