Addaly is in open beta. Things will change, and AI answers can be wrong — check anything that matters.

Design, Before Any Software

Hierarchy, type, colour and spacing — the part of design you can do with a pencil, before any software.

Lesson 53 of 748 min

Two focal points is none

The oscillation

A photograph with two faces of similar size and similar prominence. A layout with two large images of equal weight. A slide with a chart on the left and a photograph on the right, both demanding attention.

In each case the eye goes to one, then the other, then back. It never settles, and the viewer's report is that the image feels busy, or unresolved, or that they are not sure what they are looking at. This is the emphasis budget from the first block, applied to pictures: two things at the top rank means the rank is not occupied.

Three resolutions

1. Demote one. The most common and usually the right answer. The available moves, roughly in order of how much they change the image:

  • Crop so one is partly out of frame. A subject cut by the edge is clearly secondary.
  • Reduce its size, which requires a real difference — 20% is not enough, as always.
  • Reduce its contrast against the background, pushing it back with the aerial-perspective cue.
  • Blur it, which is the photographic version of the same thing.
  • Turn it away. For a face, having one subject look at the other resolves the competition and makes the pair a relationship rather than a standoff.

2. Merge them. Make the two into one group. Overlap them so occlusion binds them, place them inside a common region, or bring them close enough that proximity groups them. Two faces that touch are one subject; two faces with a metre of space between them are two subjects.

3. Commit to a pair. Sometimes there genuinely are two peers — a before and after, two plans being compared, two people of equal standing. Then make the symmetry exact and obvious: identical size, identical treatment, equal distance from a central axis.

This is the decisive option, and it works because a perfect tie reads as a statement while an imperfect one reads as an unresolved argument. The failure is the near-miss: two subjects at 90% and 100% of each other's prominence.

The competing background

A variant that is easy to miss. The second focal point is often not another subject but a piece of background: a bright window behind a person, a saturated red object in the corner, a patch of sky.

The test is the blur test. Blur the image heavily and see how many bright or dark blobs remain. If there are two, you have two focal points whether or not one of them is a person.

The repairs are the same as above, and one more that only applies to backgrounds: burn it down. Selectively darkening a bright background region is a standard photographic move and is free in GIMP or Krita with a soft brush on a darkening layer, or with a gradient mask.

In layouts rather than photographs

The same fault in interface and print work usually looks like this: two cards with coloured headers, two buttons with solid fills, a hero image beside a hero heading, both at maximum.

The resolution is the same demotion. What makes it harder is that somebody has usually argued for each of them separately, so the conversation has to happen at the level of the page rather than the element. The sentence that helps is the one from the emphasis budget: which of these two should somebody see first, if they only see one.

A worked case

A charity wants a poster showing a volunteer and a beneficiary. The photograph has both at similar size, similar distance from the camera, both facing the lens. Everyone involved finds it flat and nobody can say why.

The options, and what each costs:

  • Crop so the volunteer is cut at the frame edge. Cheapest, strongest, and it makes a statement about who the poster is about — which somebody may object to, and that objection is the real conversation.
  • Turn one to look at the other. Requires a reshoot, and produces the best image, because it converts two competitors into a relationship with a direction the eye can follow.
  • Blur the rear figure. Available after the fact if there is any depth separation at all, and it reads as a photographic choice rather than as a design intervention.
  • Darken the background behind one of them, pushing that figure back with aerial perspective while leaving both fully visible. The most subtle option and the one that survives the most stakeholder scrutiny.

Notice that none of these is make one bigger. Scaling one subject in a photograph is not available, and in a layout it needs a difference large enough to clear the threshold, which is usually larger than anyone is willing to go.

When two is actually right

A composition can carry two subjects when they are at clearly different depths — one in front, one behind, with occlusion and contrast ordering them — or when one is plainly the subject and the other is context that has been pushed back.

The distinction is that in a working two-subject image you can answer immediately which one is primary. In a failing one you cannot, and neither can anybody else, and the three-second test will produce a split of answers across viewers. That split is the diagnostic: not that people disagree with you, but that they disagree with each other.

The one thing to keep

Two elements of similar prominence leave the eye oscillating, so demote one, merge them into a single group, or commit to an exact symmetry — and the diagnostic is not that viewers disagree with you but that they disagree with each other about what they saw first.

Before you move on

Three testers each name a different element as the first thing they saw in a layout. The designer concludes the testers were not paying attention. What is the better interpretation?

Pick the one you would defend. Nobody sees your answer.

No ads. No data sale. No public scores on people. Ever.

© 2026 Addaly