Module · Beginner · 50 min
Module 1: Structure and hierarchy
Deciding what a screen is for before deciding what it looks like, then making the important thing visibly important.
- design
- module
Inside this module
- Define a screen's job and primary action
- Build hierarchy with size, weight, space and position
Lessons
- 01One screen, one job
Lesson · 25 min · Every screen has a primary action; everything else supports it or gets out of the way.
- 02Hierarchy with four tools
Lesson · 25 min · Size, weight, space and position — the tools that tell the eye where to go, and the order to use them.

