Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. Web Design for Kids: Typography

      Web Design for Kids: Typography

      Tutorial Beginner

      Welcome to the ninth lesson of our Web Design for Kids series, all about Typography. In this tutorial we will look at what typography is all about and why...

    2. The Women of Tuts+ Web Design

      The Women of Tuts+ Web Design

      Tutorial Beginner

      Here’s a fun fact: for no particular reason we have more men than women on our instructor team at Tuts+ Web Design, yet our top three tutorials so far in...

    3. Web Design for Kids: Design Basics

      Web Design for Kids: Design Basics

      Tutorial Beginner

      Welcome to the eighth lesson of our Web Design for Kids series, design basics! Throughout this series we have focused on bringing a design to life, but we...

    4. Web Design for Kids: Images

      Web Design for Kids: Images

      Tutorial Beginner

      Welcome to the seventh lesson of our Web Design for Kids series, all about images! We’ve added several images to our Tuts+ Town website, but we haven’t...

    5. Qihoo 360 Secure: The Most Popular Browser You’ve Never Heard Of

      Qihoo 360 Secure: The Most Popular Browser You’ve Never Heard Of

      Tutorial Beginner

      One of the most popular desktop browsers in China is one you’ve probably never crossed swords with, but it’s huge. According to the tech analytics peeps over...

    6. Web Design for Kids: CSS Layout

      Web Design for Kids: CSS Layout

      Tutorial Beginner

      Welcome to the sixth lesson of our Web Design for Kids series, CSS Layout! This is where we put all our elements exactly where we want them on the screen....

    7. How to Customize Your WordPress Site Without Having to Understand CSS

      How to Customize Your WordPress Site Without Having to Understand CSS

      Tutorial Beginner

      We’re going to show you how you can make serious visual changes to your WordPress websites with absolutely no prior experience of CSS. But first, let’s take...

    8. Web Design for Kids: CSS

      Web Design for Kids: CSS

      Tutorial Beginner

      We’ve worked very hard on our HTML content, so now it’s time to make it look pretty! We will be adding things to our HTML page here, as well as starting a...

    9. Prototyping a Fitness Application with Pixate

      Prototyping a Fitness Application with Pixate

      Tutorial Intermediate

      In this tutorial, I’ll teach you how to create an animated prototype of your mobile application design. The prototype will look and feel like a real...

    10. Web Design for Kids: HTML Content

      Web Design for Kids: HTML Content

      Tutorial Beginner

      Welcome to the fourth lesson of our Web Design for Kids series, HTML Content. In the lesson right before this, we finally jumped into coding by building the...

    11. Web Design for Kids: HTML Structure

      Web Design for Kids: HTML Structure

      Tutorial Beginner

      Welcome to the third lesson of our Web Design for Kids series, HTML Structure! We will be learning how to write our site’s structure with HTML. This...

    12. Web Design for Kids: Getting Ready to Build a Website

      Web Design for Kids: Getting Ready to Build a Website

      Tutorial Beginner

      Welcome to the second lesson in our Web Design for Kids series! In this lesson we will learn all about some things we need to do and the tools we need before...