Composition and Visual Representation
This domain tests arrangement: how a layout guides the eye, creates hierarchy and represents an idea for a specific audience. Expect poster, cover and editorial layout questions, plus analysis of balance, grid and reading path.
Core rules
- Visual weight comes from size, darkness, colour, isolation, complexity and position. Asymmetrical balance is achieved by counterweighting, not by mirroring.
- Use a grid: column, modular or baseline. Margins and white space are active elements, not leftovers.
- Hierarchy is built with size, weight, colour, position and spacing. A common reading path is Z-shaped for posters and F-shaped for text-heavy pages.
- Gestalt principles explain grouping: proximity, similarity, closure, continuity and common region.
- Rule of thirds and the golden section are proportion guides, not laws. A centred composition can be strong when symmetry is the message.
- Representation ranges from realistic to abstract to symbolic. Keep the level consistent with the audience and medium.
- Contrast must be deliberate: value contrast for legibility, scale contrast for drama, texture contrast for separation.
Worked example
A bus timetable poster is unreadable because all text is the same size and the route map is centred in a busy photograph. Fix it with a 12-column grid: headline across the top left, route numbers at 48 pt, times at 18 pt, and a calm colour band behind each route group. Move the map to the lower right and reduce the photograph to a narrow strip. The reasoning: hierarchy first, then grouping by proximity and colour, then contrast for accessibility. White space is retained so the eye can rest.
Traps that cost marks
- Filling every space because empty space feels “unfinished”.
- Using many typefaces instead of one family with weights.
- Centring everything and calling it balance.
- Adding decoration before the hierarchy works.
- Ignoring the audience’s reading distance and contrast needs.