Balsamiq

Toggle navigation

How to Design Page Layout


If you want people to be able to use your website or application easily, it's better to follow already established patterns and standards.

In just 2 lessons (16 minutes total), User Experience Designer Donna Spencer will teach you the basics of proximity, alignment, and visual hierarchy, and how to use popular user interface controls, like radio buttons, dropdowns, toggles, sliders, steppers, checkboxes, chips, text, and buttons to design great layouts.

Get Started
Watch the first video

1. Page Layout Fundamentals

Proximity, alignment, and visual hierarchy are key principles of page layout and help people understand a page. Find out what they are and how to best use them.

1. Page Layout Fundamentals

Proximity, alignment, and visual hierarchy are key principles of page layout and help people understand a page. Find out what they are and how to best use them.

2. Using the Right Component

To help people learn quickly and use your application or website easily, you should follow some standards and common patterns set by their previous experiences.