Stage 2 · Lesson 3 of 6
Composition and visual hierarchy
is where things sit in the frame. is the order in which the eye finds them. A good ad or has one clear focal point, the thing you see first, then a second element and then the details.
Size, contrast, colour and (empty space around elements) control that order. The , placing key elements along lines that split the frame into three, is a useful starting point, not a law. Design for the size people will actually see: a thumbnail is often tiny on a phone, so fine detail disappears.
Common trapan AI image packed with beautiful detail and no focal point, so nobody knows where to look.
A question to check yourself, an AI practice session and 2 cheat sheet entries come with the full roadmap. Unlock
Resources for this stage
Start with· follow one of these
- GuideFreeGoogle Fonts Knowledge
Google Fonts · Beginner
Free, short lessons on choosing and using type, from Google Fonts: readable text on every asset
- BookPaidRefactoring UI
Adam Wathan and Steve Schoger · About $99
Practical rules for hierarchy, spacing, colour and contrast that apply straight to ads and thumbnails