{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"the-cost-of-an-element","title":"Every element you add taxes the ones already there","url":"https://addaly.com/learn/visual-storytelling/the-cost-of-an-element","position":13,"of":64,"minutes":8,"answer":"Elements cost n(n−1)/2 relationships plus the viewer's decision time, so subtract before rearranging and group what cannot be removed: density is only a problem when it is unstructured.","keyIdea":"Elements cost n(n−1)/2 relationships plus the viewer's decision time, so subtract before rearranging and group what cannot be removed: density is only a problem when it is unstructured."},"body":{"format":"markdown","text":"## Addition is not free, and the arithmetic is worse than linear\n\nA layout with three elements has three relationships to manage: A to B, A to C, B to C. Add a fourth and you have six. A fifth gives ten, a sixth fifteen. The general figure is n(n−1)/2, and it is the reason a design with eight elements is not slightly harder than one with four: it is four times harder to resolve, because every new object has to be positioned, sized and weighted against everything already present.\n\nThis is not an abstraction about beauty. It is the direct explanation for why committee flyers look the way they do. Each person adds one item that is individually reasonable (a QR code, a second phone number, an award badge, a line about parking) and the total number of relationships grows quadratically while the design time stays the same. Nobody made a bad decision. The decisions were made one at a time.\n\n## Attention is also a fixed budget\n\nThe viewer arrives with a few seconds. Whatever they spend deciding what to look at is not spent understanding anything. Two elements of equal weight cost more than the sum of their parts, because before reading either the viewer has to resolve which one comes first, and that resolution is pure overhead.\n\n> Figure: Relationships to manage as elements are added. Line chart of Relationships against Elements on the page: Pairs to resolve (2, 1) (3, 3) (4, 6) (5, 10) (6, 15) (7, 21) (8, 28). Eight elements are not twice as hard as four. Each addition is individually reasonable and the total grows as n times n minus one, over two, while the design time stays the same.\n\nSo the cost of an element is paid twice: once in the composition's complexity, and once in the viewer's decision time.\n\n## Ask three questions before anything goes on the page\n\n1. **What job does it do that nothing else does?** If two elements do the same job (a headline and a strapline that say the same thing differently) one is redundant and should go, not be made smaller.\n2. **What happens if it is absent?** If the answer is \"nothing in particular\", that is the answer. If the answer is \"somebody in the client's office will be annoyed\", that is a political cost, and it should be named as one rather than dressed up as a design requirement.\n3. **What does it displace?** Space is finite. The award badge does not arrive in empty space; it arrives by shrinking the headline or by eating the margin that made the headline readable.\n\n## Subtract before you rearrange\n\nWhen a layout is not working, the reflex is to move things. Try removal first, because it is faster and more diagnostic. Hide one element (a layer toggle in GIMP, Krita, Inkscape, Scribus or Figma, one click, fully reversible) and look again. Go through every element in turn. You will usually find two or three that the design is better without, and at least one that you had assumed was load-bearing and is not.\n\nThis is also the most effective way to have the conversation with a client. \"Here is the version with the award badge and here is the version without it\" is a comparison they can judge. \"The award badge weakens the hierarchy\" is an opinion they have no way to evaluate.\n\n## Grouping buys you back some of the cost\n\nYou cannot always delete. The opening hours, the address and the phone number all have to be there. But three items placed close together with consistent alignment are perceived as **one** object, not three, because the visual system groups by proximity and similarity before you are aware of it.\n\nThat is the practical escape route. Five loose items become two groups; two groups are one relationship rather than ten. It costs you nothing except discipline about spacing: the space *between* groups has to be clearly larger than the space *within* a group, or the grouping does not read and you have five items again, now with inconsistent gaps.\n\n## The limit of the principle\n\n\"Less is more\" is not always true, and applied without thought it produces work that is stylish and useless: a poster so reduced that it no longer says when the event is. The principle is not minimalism. It is that every element must earn its cost, and some elements are worth a great deal.\n\nDense work can be excellent. A railway timetable, a technical diagram, a product spec sheet: these carry enormous amounts of information and can be entirely calm, because the density is organised into a repeating structure the eye learns once and then applies. The thing that fails is not density. It is *unstructured* density: many items, each competing individually, with no system that lets the viewer stop evaluating them one by one."},"check":{"question":"A flyer has eleven separate items and feels chaotic. The designer groups the address, hours and phone number tightly together and increases the space around that block. Why does this help more than shrinking each item would?","options":[{"text":"Smaller items are harder to read, so shrinking would have traded chaos for illegibility without solving anything.","correct":false,"tempting":"True as far as it goes, but it explains why one fix is bad rather than why grouping works, which is the mechanism in question."},{"text":"Contact details are low-priority information, so consolidating them signals their rank to the viewer.","correct":false,"tempting":"Describes a hierarchy benefit that follows from the grouping, not the perceptual reason the chaos subsides."},{"text":"Increasing surrounding space raises the design's overall contrast, which makes the remaining elements easier to distinguish.","correct":false,"tempting":"Borrows contrast language for a spacing effect; the block's legibility changes little, while the count of objects competing for the first glance changes a great deal."},{"text":"Proximity makes the three read as one object, cutting the count of competing relationships.","correct":true}]},"prev":{"slug":"where-the-eye-goes","title":"You see far less at once than you think","url":"https://addaly.com/learn/visual-storytelling/where-the-eye-goes"},"next":{"slug":"negative-space","title":"The empty part is doing the most work","url":"https://addaly.com/learn/visual-storytelling/negative-space"},"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) 'Every element you add taxes the ones already there', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/the-cost-of-an-element (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":"Every element you add taxes the ones already there","courseTitle":"Making It Say Something","module":{"index":2,"slug":"making-one-message-survive","title":"Making one message survive"},"answer":null,"keyIdea":"Elements cost n(n−1)/2 relationships plus the viewer’s decision time, so subtract before rearranging and group what cannot be removed: density is only a problem when it is unstructured.","hero":{"kind":"figure","figure":{"t":"figure","label":"Figure","figure":{"type":"line","title":"Relationships to manage as elements are added","series":[{"label":"Pairs to resolve","points":[[2,1],[3,3],[4,6],[5,10],[6,15],[7,21],[8,28]]}],"xLabel":"Elements on the page","yLabel":"Relationships","caption":"Eight elements are not twice as hard as four. Each addition is individually reasonable and the total grows as n times n minus one, over two, while the design time stays the same."},"alt":"Figure: Relationships to manage as elements are added. Line chart of Relationships against Elements on the page: Pairs to resolve (2, 1) (3, 3) (4, 6) (5, 10) (6, 15) (7, 21) (8, 28). Eight elements are not twice as hard as four. Each addition is individually reasonable and the total grows as n times n minus one, over two, while the design time stays the same."}},"blocks":[{"t":"h2","id":"addition-is-not-free-and-the-arithmetic-is-worse-than-linear","runs":[{"text":"Addition is not free, and the arithmetic is worse than linear"}]},{"t":"p","runs":[{"text":"A layout with three elements has three relationships to manage: A to B, A to C, B to C. Add a fourth and you have six. A fifth gives ten, a sixth fifteen. The general figure is n(n−1)/2, and it is the reason a design with eight elements is not slightly harder than one with four: it is four times harder to resolve, because every new object has to be positioned, sized and weighted against everything already present."}]},{"t":"p","runs":[{"text":"This is not an abstraction about beauty. It is the direct explanation for why committee flyers look the way they do. Each person adds one item that is individually reasonable (a QR code, a second phone number, an award badge, a line about parking) and the total number of relationships grows quadratically while the design time stays the same. Nobody made a bad decision. The decisions were made one at a time."}]},{"t":"h2","id":"attention-is-also-a-fixed-budget","runs":[{"text":"Attention is also a fixed budget"}]},{"t":"p","runs":[{"text":"The viewer arrives with a few seconds. Whatever they spend deciding what to look at is not spent understanding anything. Two elements of equal weight cost more than the sum of their parts, because before reading either the viewer has to resolve which one comes first, and that resolution is pure overhead."}]},{"t":"p","runs":[{"text":"So the cost of an element is paid twice: once in the composition’s complexity, and once in the viewer’s decision time."}]},{"t":"h2","id":"ask-three-questions-before-anything-goes-on-the-page","runs":[{"text":"Ask three questions before anything goes on the page"}]},{"t":"ol","start":1,"items":[[{"text":"What job does it do that nothing else does?","b":true},{"text":" If two elements do the same job (a headline and a strapline that say the same thing differently) one is redundant and should go, not be made smaller."}],[{"text":"What happens if it is absent?","b":true},{"text":" If the answer is “nothing in particular”, that is the answer. If the answer is “somebody in the client’s office will be annoyed”, that is a political cost, and it should be named as one rather than dressed up as a design requirement."}],[{"text":"What does it displace?","b":true},{"text":" Space is finite. The award badge does not arrive in empty space; it arrives by shrinking the headline or by eating the margin that made the headline readable."}]]},{"t":"h2","id":"subtract-before-you-rearrange","runs":[{"text":"Subtract before you rearrange"}]},{"t":"p","runs":[{"text":"When a layout is not working, the reflex is to move things. Try removal first, because it is faster and more diagnostic. Hide one element (a layer toggle in GIMP, Krita, Inkscape, Scribus or Figma, one click, fully reversible) and look again. Go through every element in turn. You will usually find two or three that the design is better without, and at least one that you had assumed was load-bearing and is not."}]},{"t":"p","runs":[{"text":"This is also the most effective way to have the conversation with a client. “Here is the version with the award badge and here is the version without it” is a comparison they can judge. “The award badge weakens the hierarchy” is an opinion they have no way to evaluate."}]},{"t":"h2","id":"grouping-buys-you-back-some-of-the-cost","runs":[{"text":"Grouping buys you back some of the cost"}]},{"t":"p","runs":[{"text":"You cannot always delete. The opening hours, the address and the phone number all have to be there. But three items placed close together with consistent alignment are perceived as "},{"text":"one","b":true},{"text":" object, not three, because the visual system groups by proximity and similarity before you are aware of it."}]},{"t":"p","runs":[{"text":"That is the practical escape route. Five loose items become two groups; two groups are one relationship rather than ten. It costs you nothing except discipline about spacing: the space "},{"text":"between","i":true},{"text":" groups has to be clearly larger than the space "},{"text":"within","i":true},{"text":" a group, or the grouping does not read and you have five items again, now with inconsistent gaps."}]},{"t":"h2","id":"the-limit-of-the-principle","runs":[{"text":"The limit of the principle"}],"role":"limit"},{"t":"p","runs":[{"text":"“Less is more” is not always true, and applied without thought it produces work that is stylish and useless: a poster so reduced that it no longer says when the event is. The principle is not minimalism. It is that every element must earn its cost, and some elements are worth a great deal."}]},{"t":"p","runs":[{"text":"Dense work can be excellent. A railway timetable, a technical diagram, a product spec sheet: these carry enormous amounts of information and can be entirely calm, because the density is organised into a repeating structure the eye learns once and then applies. The thing that fails is not density. It is "},{"text":"unstructured","i":true},{"text":" density: many items, each competing individually, with no system that lets the viewer stop evaluating them one by one."}]}],"check":{"question":[{"text":"A flyer has eleven separate items and feels chaotic. The designer groups the address, hours and phone number tightly together and increases the space around that block. Why does this help more than shrinking each item would?"}],"options":[{"text":[{"text":"Smaller items are harder to read, so shrinking would have traded chaos for illegibility without solving anything."}],"correct":false,"tempting":[{"text":"True as far as it goes, but it explains why one fix is bad rather than why grouping works, which is the mechanism in question."}]},{"text":[{"text":"Contact details are low-priority information, so consolidating them signals their rank to the viewer."}],"correct":false,"tempting":[{"text":"Describes a hierarchy benefit that follows from the grouping, not the perceptual reason the chaos subsides."}]},{"text":[{"text":"Increasing surrounding space raises the design’s overall contrast, which makes the remaining elements easier to distinguish."}],"correct":false,"tempting":[{"text":"Borrows contrast language for a spacing effect; the block’s legibility changes little, while the count of objects competing for the first glance changes a great deal."}]},{"text":[{"text":"Proximity makes the three read as one object, cutting the count of competing relationships."}],"correct":true,"tempting":null}],"order":[2,0,3,1],"why":null},"prev":{"slug":"where-the-eye-goes","title":"You see far less at once than you think","minutes":9},"next":{"slug":"negative-space","title":"The empty part is doing the most work","minutes":8}}}