Nothing is ever seen on a white wall

You design in a gallery and publish into a street

You build a design on a clean canvas, centred, at full size, with nothing around it. Your client approves it the same way, in a PDF, full screen.

It will be seen at a third of that size, between a photograph of someone’s lunch and a news headline about a disaster, on a phone held at an angle in changing light, for about a second and a half, by somebody scrolling with their thumb.

The design was never evaluated in the conditions it has to work in. This is the single commonest reason good-looking work underperforms, and the fix costs ten minutes.

Contrast is against neighbours, not against your canvas

A design’s conspicuousness is not a property it has. It is a relationship between it and whatever is beside it.

A muted, tasteful, desaturated piece is striking in a feed full of saturated clutter and invisible in a feed full of muted, tasteful work, which is exactly what happens when a style becomes popular. Whatever everybody is doing is, by that fact, no longer distinctive.

This is why chasing the current look is self-defeating in a way that is easy to describe and hard to resist. The look that stood out did so because it was different from its surroundings; adopting it moves you into the surroundings.

Mock it up in situ

The method is embarrassingly simple and almost nobody does it.

1. Screenshot a real feed on a real phone: yours, or better, one belonging to somebody in the audience.
2. Paste your design into the screenshot at the right size, in GIMP, Krita, Photopea or any editor.
3. Look at it for one second and then look away.

What survives that one second is what your design communicates. Everything else is for you and the client.

Do it twice: once in the platform’s light theme and once in dark. A near-white background vanishes into a light interface; a near-black one vanishes into a dark one, and a design with a transparent or matching edge stops having a boundary at all. This is why a visible border, or a background tone a few steps away from the interface’s, is worth more than it looks.

Adjacency changes meaning, and you do not control it

What appears next to your piece alters how it reads, and you have no say in it.

A cheerful advertisement directly under a report of a disaster reads as callous, and neither party did anything wrong: the ranking system put them together. A joke beside a piece about the same subject played straight reads as mockery. The classic version of this is an airline advertisement beside an aviation accident story, which is why media buyers have had adjacency rules for decades.

You cannot prevent it. What you can do is notice that tone which depends entirely on surrounding context is fragile, and that a piece whose meaning is self-contained travels better. This is the same argument as writing self-contained interview answers, one level up.

Scale, and the one-second test

A feed is read at a fraction of your working size. Run the blur test from earlier in the course, but run it at the real dimensions: shrink the design to the width it will occupy on a phone (often 300 to 400 pixels) and ask what survives.

If the answer is “my headline”, good. If the answer is “a colour and a vague shape”, then a colour and a vague shape is your entire message, and you should choose which colour and which shape deliberately rather than by accident.

The limitation

Designing to stand out in a feed optimises for one moment (the scroll-past) and that moment is not the whole relationship. Work that wins the second is frequently work that is loud, high-contrast and slightly aggressive, and a body of work made entirely of that is exhausting and forgettable in aggregate.

There is also a large class of work where none of this applies. A piece somebody sought out, a page they arrived at deliberately, a document sent directly, a printed thing held in the hand: these are read in conditions closer to the ones you designed in, and optimising them for a feed makes them worse.

The question to ask before you apply any of this is how did this person get here. Strangers scrolling and people who came looking are different audiences in different conditions, and a piece cannot be maximally suited to both.