UI Design for Beginners Course

Welcome to your UI design short course. Over the next five tutorials, you’ll be introduced to the entire UI design process as you get stuck in with your very first student project: designing a climate change app. You’ll design every aspect of your climate change app interface, from creating low-fidelity wireframes right through to saving and exporting the finished product. Each tutorial consists of a theoretical introduction, a step-by-step practical task, and a quiz at the end to put your new knowledge to the test. Excited? So are we!

Thumbnail image

An Introduction To UI Design

What is UI design, and what do UI designers do? We kick off our first tutorial with a comprehensive guide to the field of UI design, taking you through the role and responsibilities of a UI designer—and setting up your design file in Figma.

What is UI design, and what do UI designers do? We kick off our first tutorial with a comprehensive guide to the field of UI design, taking you through the role and responsibilities of a UI designer—and setting up your design file in Figma.

Thumbnail image

An Introduction To Wireframing And UI Elements

In this tutorial, we get to grips with the process of wireframing—and why it’s such a vital part of the design process. You’ll roll up your sleeves to incorporate UI design elements into your very first low-fidelity wireframes.

In this tutorial, we get to grips with the process of wireframing—and why it’s such a vital part of the design process. You’ll roll up your sleeves to incorporate UI design elements into your very first low-fidelity wireframes.

Thumbnail image

An Introduction To Basic Shapes And Dimensions

This tutorial is all about Boolean Operations, a powerful geometric tool used to create complex shapes and dimensions. As you navigate Figma shape tools, you’ll level-up your UI design game by using complex techniques to create a logo for your climate change app.

This tutorial is all about Boolean Operations, a powerful geometric tool used to create complex shapes and dimensions. As you navigate Figma shape tools, you’ll level-up your UI design game by using complex techniques to create a logo for your climate change app.

Thumbnail image

An Introduction To Typography And Typesetting

Typography is so much more than choosing a pretty font, and by the end of this tutorial, you’ll know it better than most. We’ll take you through the core typesetting techniques and equip you with a step-by-step guide to choosing the right fonts and typefaces for your climate change app. You’ll even learn about some AI tools that can help pair fonts and generate text.

Typography is so much more than choosing a pretty font, and by the end of this tutorial, you’ll know it better than most. We’ll take you through the core typesetting techniques and equip you with a step-by-step guide to choosing the right fonts and typefaces for your climate change app. You’ll even learn about some AI tools that can help pair fonts and generate text.

Thumbnail image

An Introduction To Color Theory

What is any digital experience without an awesome color palette? This tutorial will see you use the fundamentals of color theory to inject some personality into your climate change app. Once your app is looking primed and polished, you’ll learn how to save and export your work for web developers. And voila—you’ve created your first app interface!

What is any digital experience without an awesome color palette? This tutorial will see you use the fundamentals of color theory to inject some personality into your climate change app. Once your app is looking primed and polished, you’ll learn how to save and export your work for web developers. And voila—you’ve created your first app interface!

Final quiz thumbnail

UI Design for Beginners Course

Achieve over 70% in our final test to access a 5% discount on the full UI Design Program!

Take The Test

Achieve over 70% in our final test to access a 5% discount on the full UI Design Program!

Take The Test