Introduction to user interface design through wireframes

6 lessons 50 mins. total

This easy-to-follow course will give you the confidence to talk about, review, and start designing user interfaces.

It teaches foundational UI concepts and shows you how UI professionals create effective wireframes.

It is intended for Product Managers, Entrepreneurs, and other non-designers who want to feel comfortable in the world of UI design.

Download the entire course as a PDF!

What is UI design?

Learn to see like a UI designer by deconstructing an interface into its 4 layers: controls, patterns, design principles, and templates.

Intro to UI controls

User interface (UI) controls are the building blocks of any software interface. Using them intelligently can guide users through your product as you intend.

Intro to UI design patterns

Design patterns provide a predictable solution to a commonly occurring interface design problem. Read on for design pattern elements, examples, and differences.

Visual design principles

Design principles are foundational rules that work well for communicating information on user interfaces. Here we look at contrast, hierarchy, proximity, alignment.

UI design templates

Templates are built on an understanding of what typically works well for a common problem and help you go faster by starting your project from ready-made screens.

An opinionated guide to creating software

A 9-step proven design process to ensure that your ideas make it to production, from gathering requirements to monitoring how your digital product is received.

Back to Balsamiq Academy