{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"the-feed-is-the-context","title":"Nothing is ever seen on a white wall","url":"https://addaly.com/learn/visual-storytelling/the-feed-is-the-context","position":54,"of":64,"minutes":8,"answer":"Conspicuousness is a relationship with whatever is beside your work, not a property of it, so mock designs up inside a real screenshot of the feed in both light and dark themes.","keyIdea":"Conspicuousness is a relationship with whatever is beside your work, not a property of it, so mock designs up inside a real screenshot of the feed in both light and dark themes, and remember that adjacency you do not control changes the tone of anything not self-contained."},"body":{"format":"markdown","text":"## You design in a gallery and publish into a street\n\nYou 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.\n\nIt 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.\n\nThe 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.\n\n## Contrast is against neighbours, not against your canvas\n\nA design's conspicuousness is not a property it has. It is a relationship between it and whatever is beside it.\n\nA 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.\n\nThis 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.\n\n## Mock it up in situ\n\nThe method is embarrassingly simple and almost nobody does it.\n\n1. Screenshot a real feed on a real phone: yours, or better, one belonging to somebody in the audience.\n2. Paste your design into the screenshot at the right size, in GIMP, Krita, Photopea or any editor.\n3. Look at it for one second and then look away.\n\nWhat survives that one second is what your design communicates. Everything else is for you and the client.\n\nDo 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.\n\n## Adjacency changes meaning, and you do not control it\n\nWhat appears next to your piece alters how it reads, and you have no say in it.\n\nA 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.\n\nYou 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.\n\n## Scale, and the one-second test\n\nA 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.\n\nIf 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.\n\n## The limitation\n\nDesigning 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.\n\nThere 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.\n\nThe 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."},"check":{"question":"A studio adopts the muted, desaturated style that has been standing out in its market. Why does the effect usually not transfer?","options":[{"text":"Muted palettes have lower contrast, so they lose out to saturated work regardless of what surrounds them.","correct":false,"tempting":"Treats saturation as intrinsically more attention-getting, which the original success of the muted style directly contradicts."},{"text":"Audiences associate a style with the studio that established it, so later adopters read as derivative and are discounted.","correct":false,"tempting":"Assumes viewers attribute styles to originators, which almost never happens in a feed seen at a glance by strangers."},{"text":"The style stood out by differing from its surroundings, and adopting it makes it part of those surroundings.","correct":true},{"text":"Platform compression handles desaturated images poorly, introducing banding that makes copied versions look cheaper than the original.","correct":false,"tempting":"Invents a technical artefact to explain an effect that is about the surrounding context rather than about image quality."}]},"prev":{"slug":"sound-off-and-silent-meaning","title":"It has to work silent and reward being unmuted","url":"https://addaly.com/learn/visual-storytelling/sound-off-and-silent-meaning"},"next":{"slug":"the-algorithm-is-not-your-audience","title":"The system is optimising something, and it is not your work","url":"https://addaly.com/learn/visual-storytelling/the-algorithm-is-not-your-audience"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Nothing is ever seen on a white wall', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/the-feed-is-the-context (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Nothing is ever seen on a white wall","courseTitle":"Making It Say Something","module":{"index":7,"slug":"surface-and-distribution","title":"The surface and the system carrying it"},"answer":null,"keyIdea":"Conspicuousness is a relationship with whatever is beside your work, not a property of it, so mock designs up inside a real screenshot of the feed in both light and dark themes, and remember that adjacency you do not control changes the tone of anything not self-contained.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"you-design-in-a-gallery-and-publish-into-a-street","runs":[{"text":"You design in a gallery and publish into a street"}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"h2","id":"contrast-is-against-neighbours-not-against-your-canvas","runs":[{"text":"Contrast is against neighbours, not against your canvas"}]},{"t":"p","runs":[{"text":"A design’s conspicuousness is not a property it has. It is a relationship between it and whatever is beside it."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"h2","id":"mock-it-up-in-situ","runs":[{"text":"Mock it up in situ"}]},{"t":"p","runs":[{"text":"The method is embarrassingly simple and almost nobody does it."}]},{"t":"ol","start":1,"items":[[{"text":"Screenshot a real feed on a real phone: yours, or better, one belonging to somebody in the audience."}],[{"text":"Paste your design into the screenshot at the right size, in GIMP, Krita, Photopea or any editor."}],[{"text":"Look at it for one second and then look away."}]]},{"t":"p","runs":[{"text":"What survives that one second is what your design communicates. Everything else is for you and the client."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"h2","id":"adjacency-changes-meaning-and-you-do-not-control-it","runs":[{"text":"Adjacency changes meaning, and you do not control it"}]},{"t":"p","runs":[{"text":"What appears next to your piece alters how it reads, and you have no say in it."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"h2","id":"scale-and-the-one-second-test","runs":[{"text":"Scale, and the one-second test"}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"h2","id":"the-limitation","runs":[{"text":"The limitation"}],"role":"limit"},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"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."}]},{"t":"p","runs":[{"text":"The question to ask before you apply any of this is "},{"text":"how did this person get here.","b":true},{"text":" Strangers scrolling and people who came looking are different audiences in different conditions, and a piece cannot be maximally suited to both."}]}],"check":{"question":[{"text":"A studio adopts the muted, desaturated style that has been standing out in its market. Why does the effect usually not transfer?"}],"options":[{"text":[{"text":"Muted palettes have lower contrast, so they lose out to saturated work regardless of what surrounds them."}],"correct":false,"tempting":[{"text":"Treats saturation as intrinsically more attention-getting, which the original success of the muted style directly contradicts."}]},{"text":[{"text":"Audiences associate a style with the studio that established it, so later adopters read as derivative and are discounted."}],"correct":false,"tempting":[{"text":"Assumes viewers attribute styles to originators, which almost never happens in a feed seen at a glance by strangers."}]},{"text":[{"text":"The style stood out by differing from its surroundings, and adopting it makes it part of those surroundings."}],"correct":true,"tempting":null},{"text":[{"text":"Platform compression handles desaturated images poorly, introducing banding that makes copied versions look cheaper than the original."}],"correct":false,"tempting":[{"text":"Invents a technical artefact to explain an effect that is about the surrounding context rather than about image quality."}]}],"order":[3,0,2,1],"why":null},"prev":{"slug":"sound-off-and-silent-meaning","title":"It has to work silent and reward being unmuted","minutes":9},"next":{"slug":"the-algorithm-is-not-your-audience","title":"The system is optimising something, and it is not your work","minutes":9}}}