UI Design

Dive into the theory and techniques you need to make beautiful web and mobile interfaces in this 4-week online course.

Course Overview

In this 4-week online course you will:

  • Develop a detailed "eye" for visual design
  • Be able to decide which typefaces to use
  • Be equipped to choose and create color palettes
  • Learn about best practices for UI patterns and reusable design components
  • Know how to create retina-ready designs that scale across different devices

You'll end the course with a certificate of completion, a portfolio of projects, and a strong skillset in UI design.

This course is intended as a follow-up to our Design 101 course, or for anyone who has a basic understanding of visual design principles. Students are expected to be acquainted with a professional design tool before they begin this class.

UI Design is made for you

Tailor-made for people who want to design beautiful interfaces, this course takes 6-10 hours/week between online lessons, projects & mentor work.

UX designers and aspiring designers

Improve the quality of your wireframes, and take on a wider variety of work as you deepen your visual skillset.


Learn how to polish the interfaces you work on, and deliver pixel-perfect results.

Product managers

Work on higher fidelity comps, and increase your ability to communicate with your product team and deliver results.

Learn 1-on-1 from these experts

See the full list

What our past students have said

"The quantity and quality of the learning material is simply amazing."

François Leclerc
Software developer

What you'll learn

UI Design is about honing not just your technical ability, but your aesthetics, ways of seeing design choices, and the professional craft skills needed to defend decisions and ensure clean handoffs. You'll not only get better at making things, but also improve your ability to see and talk about design work.

  • Week 1

    Intro to UI Design

    Get acquainted with the basics, set up your tools, and learn about basic workflows for the rest of the course.

    Seeing, Thinking, and Talking

    Learn how to develop your critical eye for the course and beyond, through reading, writing, and practice assignments.

  • Week 2

    • Alignment
    • Grids
    • Consistency

    Look at type classifications, styles, and how to choose typefaces.

    • Type Classifications
    • Styles in a Type Family
    • How to Choose a Typeface
    • How to Pair Typefaces
    Color Theory
    • Creating Color Palettes
    • Creating Contrast
  • Week 3

    Icons and Vector Graphics

    Practice creating icons and vector graphics for interfaces.

    UI Patterns and Components

    Learn about design patterns, and best practices for creating your own UI components within design systems.

  • Week 4

    Responsive Design

    Let’s look at best practices for creating designs that scale across different devices, viewports, and display resolutions


    We'll learn about rasterization, “retina-ready”, and the growing importance of Vector/SVG in responsive design.

Pricing $399 $499 for four weeks

Next course starts August 3rd

  • 14 Projects

  • 4 Skype Sessions

I'm ready to enroll!

Limited availability!

Have questions? See our FAQ

  • Where can I learn more about UI Design?

    Here's a 2-part series on the Designlab blog we recommend.

  • How is this course different than Design 101?

    This is a more advanced offering than Design 101, which is a beginner-level course. Students are expected to have a basic level of design understanding in this course — course content is more detailed, and mentor expectations are higher.

  • When will the bonuses be shipped?

    We'll follow up with your ticket to the UI workshop in early July. Your limited edition Designlab pin will be in your welcome kit, and the cheatsheet and Spotify playlists will be sent to you when the course launches.

  • Do I need any special tools for the course, like Illustrator or Sketch?

    You're required to use a professional design tool (like Illustrator, Sketch, Photoshop, Figma, or more) during the course.You'll be building your projects and portfolio in these.

  • Will I be able to get a job after this?

    This is a 40-hour course that's not quite intended to create job-level outcomes. But, you will get a strong understanding of UI fundamentals, and start to build a great portfolio of work in this course.

  • How is the course pacing?

    This course is built for busy folks. Expect to spend about 10 hours per week between projects, readings, and mentor interaction.

  • I'm a student, do you offer discounts?

    Email us! hello@trydesignlab.com

  • Do you offer any other discounts?

    Ask your employer to sponsor the course! We've seen plenty of employers happy to cover the course price because of how much you'll learn :)

Any other questions? Check out the Designlab Help Center.

Know anyone who should take this course? Click here to send them an email.

Get the syllabus & take a tour