Learn UI Design Fundamentals

Unlock Course Get 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

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

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

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.

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 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!