Lesson 2 of 3 · 8 min

Visual hierarchy

Size, weight, color and spacing tell users what matters most on a screen.

One primary action per screen — everything else is supporting cast.

Practice

Sketch a login screen where the main button is unmistakable.

Optional resources

No purchase or partner signup is required to complete this course or earn quiz points.

These are official product links, not active affiliate links. Learnly does not currently earn a commission from them.

Sketch screens and test hierarchy in a free design tool.

Free plan available; team features may be paid.