In design, what does the principle of balance actually distribute across a composition?
Choose an answer, then check it.
Graphic Design & Digital Media · Foundations
Balance
On this page 9 sections
In 30 seconds
balance The design principle concerned with how visual weight is distributed across a composition so that it feels stable, or is intentionally left unstable. Full entry → is how a design distributes visual weight The amount of attention an element attracts from the viewer's eye, determined by its size, color, value, complexity, position, and isolation rather than by any physical mass. Full entry → so a layout feels stable rather than lopsided. Every element carries weight set by its size, color, darkness, complexity, and position. Arrange those weights symmetrically for a calm, formal feel; asymmetrically for a dynamic one; radially around a center; or evenly all over with no focal point. Designers can also break balance on purpose to create tension.
Why this matters
Balance is one of the first judgments a viewer makes about a layout, usually before reading a word, and an unbalanced page reads as unstable or unfinished even when every other choice is sound. Understanding visual weight lets you predict where a composition will feel heavy and fix it by resizing, recoloring, or repositioning a few elements rather than guessing. The same reasoning scales from a business card to a web page to a film frame. It also gives you a deliberate tool: once you can make a design feel stable, you can choose to unbalance it to signal energy, unease, or motion instead of doing so by accident.
The college version
Balance is the distribution of visual weight
Balance is the design principle that governs how visual weight is spread across a composition. Visual weight is the amount of attention an element pulls from the eye; a heavy element grabs you, a light one recedes. A design feels balanced when the weights on either side of an imaginary center, or around it, come out to roughly the same total, the way a physical scale settles when the loads on each pan match. When they do not match, the composition feels like it is tipping, and viewers read that instability as tension or as a mistake. Crucially, balance is a perceptual judgment, not a measurement. Two elements can differ wildly in physical size and still balance each other if their other properties even out the weight. That is why balance is a principle you feel your way toward and then verify, rather than a formula you calculate, and why the same layout can be rebalanced in several different ways.
What gives an element visual weight
Before you can balance a layout you have to read the weight of its parts, and several properties feed into that weight at once. Size is the most obvious: a larger shape almost always outweighs a smaller one. Color matters in two ways, hue and saturation: warm, vivid, saturated colors advance and feel heavier than cool, muted ones. Value, meaning lightness or darkness, adds weight too, so a dark element usually outweighs a pale one of the same size. Complexity and detail pull the eye, so an intricate illustration outweighs a plain block. Position counts, because elements farther from the center exert more leverage, just as a child sits farther out on a seesaw to balance a heavier adult; something high on the page or off to an edge feels heavier than the same thing near the middle. Finally, isolation Surrounding an element with empty space, which increases its visual weight by making it command attention it would lose in a crowd. Full entry → adds weight: an element surrounded by empty space commands more attention than one crowded among neighbors, which is why a single word in a field of white can hold its own against a large photograph. Real elements combine these factors, and they can cancel or compound, so a small, dark, isolated dot can balance a large, pale, busy shape on the other side.
Symmetrical balance
symmetrical balance Balance achieved by placing elements of equal weight in matching positions on either side of a central axis so one half mirrors the other; also called formal balance. Full entry →, also called formal balance, places elements of equal weight in matching positions on either side of a central axis An imaginary line, usually vertical, through a composition against which the weights on each side are compared when judging balance. Full entry →, so that one half mirrors the other. The axis is most often vertical, but it can be horizontal or both. Because the two halves echo each other, symmetry reads as orderly, stable, dignified, and calm, which is why it is the default for wedding invitations, government seals, classical architecture, and many logos. Its cost is energy: a perfectly mirrored layout can feel static or even lifeless, and it gives the designer little room to guide the eye anywhere in particular because both sides compete equally. Note that symmetry does not require the halves to be identical pictures; approximate symmetry, where the two sides carry near-equal weight without being exact mirrors, keeps the formal feel while adding a little life.
Asymmetrical balance
asymmetrical balance Balance achieved with elements of unequal weight arranged so their differing weights still even out without mirroring; also called informal balance. Full entry →, or informal balance, distributes unequal elements so their weights still even out, without mirroring. A single large element on one side might be balanced by two or three smaller ones on the other, or by a small but dark, saturated, or isolated element whose other properties make up the difference. This is the balance of the seesaw with a child on one end and a lighter object placed far out on the other. Asymmetry is harder to pull off because you are juggling several weight factors at once instead of copying one side to the other, but it is also more dynamic, modern, and interesting, and it lets the designer build a clear focal point and lead the eye on a path through the layout. Most editorial pages, posters, and web layouts rely on asymmetrical balance for exactly this reason.
Radial and mosaic balance
Two further arrangements handle weight differently. radial balance Balance in which elements radiate outward from a central point with equal weight on all sides, creating a strong central focal point. Full entry → distributes elements around a central point so they radiate outward, like spokes on a wheel, sunflower petals, or ripples spreading from a dropped stone. Radial balance is inherently stable because weight is even on every side of the center, and it creates a powerful focal point at the hub, which makes it a natural choice for pieces that should pull the eye inward, such as a compass rose or a circular badge. mosaic balance Balance produced by spreading weight so evenly over the whole surface that no single focal point emerges; also called crystallographic or all-over balance. Full entry →, also called crystallographic or all-over balance, is the opposite case: weight is spread so evenly across the entire surface that no single point dominates and there is no focal point at all. Think of a field of wallpaper, a houndstooth pattern, a dense mosaic, or an all-over abstract painting. Because every region carries roughly equal emphasis, the eye keeps moving without settling, producing a texture that reads as balanced through repetition rather than through symmetry or through offsetting weights. Designers use all-over patterns as backgrounds precisely because they hold together without competing with foreground content.
Using imbalance on purpose
Balance is a tool, not a rule, and its opposite is equally useful once you can control it. A deliberately unbalanced composition creates visual tension The sense of instability a viewer feels when weights are unequal, which a designer can create deliberately to signal energy, motion, or unease. Full entry →, and tension is exactly what some messages need: a design about disruption, urgency, imbalance, motion, or unease can say so through its structure by loading one side heavily and leaving the other nearly empty. The difference between a powerful unbalanced design and a broken one is intent. When imbalance is accidental, the viewer just senses that something is off; when it is chosen, the instability points somewhere and does work. The practical workflow is to learn to see weight first, achieve balance so you know you can, and then decide, composition by composition, whether stability or tension serves the message. Balance also interacts with the other principles rather than standing alone: the same size and color choices that set an element's weight also drive contrast and visual hierarchy, so a change made to rebalance a layout will ripple into how the piece emphasizes and orders its content.
Eli explains
The same idea, in plain words
Explain it like I’m 10
Imagine a picture is sitting on a seesaw with the middle right under the center. Every thing in the picture has a 'heaviness' for your eyes: big things are heavy, dark things are heavy, bright colorful things are heavy, and busy detailed things are heavy. If the heavy stuff is even on both sides, the seesaw sits level and the picture feels calm and steady. If all the heavy stuff piles onto one side, the seesaw tips and the picture feels like it is about to fall over. Designers move things around, shrink them, or change their color until the seesaw feels level, unless they want it to look tippy on purpose.
Picture it like this
Visual weight works like weights on a seesaw: a small kid can balance a bigger kid by scooting out toward the end, so a small, dark, lonely dot far from the center can balance a big pale shape near the middle.
Where the picture stops working
A real seesaw only cares about actual pounds and distance. Visual weight has no pounds at all; it comes from how much your eye is pulled by size, color, darkness, detail, and empty space, so two people can honestly disagree about whether a design is balanced in a way they never would about a real seesaw.
Worked example
Say you are laying out an event poster. A large, pale photograph of a stage sits on the left half, and the right half looks empty, so the whole poster feels like it is sliding left. You have several ways to rebalance it using visual weight. You could drop the event title on the right in large, dark, bold type: even though the text block is smaller than the photo, its darkness and heavy weight offset the photo's size. If that is not enough, push the title toward the right edge, since distance from center adds leverage, or set it in a saturated warm color to add weight through hue. Alternatively, surround a small logo on the right with generous white space so isolation lifts its weight. Any of these can level the poster; you pick the one that also serves the message, which is why balance is a judgment you test rather than a single correct answer.
Key takeaway
Balance is the distribution of visual weight, and visual weight comes from size, color, value, complexity, position, and isolation together. Even those weights out symmetrically, asymmetrically, radially, or all over for stability, or load one side on purpose to create tension.
Quick check
3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.
A layout has one large, pale, plain shape on the left. Which single element on the right could best balance it despite being much smaller?
Choose an answer, then check it.
Which description best fits asymmetrical (informal) balance?
Choose an answer, then check it.
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related
You’ll learn to
- Define balance as the distribution of visual weight and explain what makes a composition feel stable or unstable.
- Identify the factors that give an element visual weight, including size, color, value, complexity, position, and isolation.
- Distinguish symmetrical, asymmetrical, radial, and mosaic (crystallographic) balance by how each distributes weight.
- Apply visual-weight reasoning to diagnose and rebalance a lopsided layout.
- Evaluate when deliberate imbalance serves a design better than stability.
Common mistakes
Thinking balance means both sides must be the same size, so anything unequal is unbalanced.
Balance compares visual weight, not size. Unequal elements balance whenever their combined weights even out, which is exactly what asymmetrical balance does.
Reading visual weight from size alone and ignoring color, value, detail, and position.
A small element can outweigh a large one if it is darker, more saturated, more detailed, more isolated, or farther from the center. Weigh all the factors together.
Treating symmetry as automatically better because it looks tidy.
Symmetry reads as formal and calm but can feel static and offers little room to guide the eye. Asymmetry is often more dynamic and better for building a focal point.
Assuming every good design must be balanced.
Deliberate imbalance creates tension that some messages need. The goal is to control balance, then choose stability or tension on purpose rather than by accident.
Confusing radial balance with mosaic balance because both spread weight around.
Radial balance concentrates a focal point at a single center from which elements radiate; mosaic (crystallographic) balance spreads weight so evenly that there is no focal point at all.
Easily confused
Symmetrical balance vs. Asymmetrical balance
Symmetry mirrors equal weights across an axis and feels formal and stable; asymmetry offsets unequal weights without mirroring and feels dynamic, giving the eye a focal point and a path.
Radial balance vs. Mosaic (crystallographic) balance
Both distribute weight broadly, but radial balance builds a strong focal point at a central hub from which elements radiate, while mosaic balance spreads weight so evenly over the whole field that no focal point emerges.
Balanced composition vs. Deliberately unbalanced composition
A balanced layout settles and reads as stable; an intentionally unbalanced one loads one side to create tension that signals energy or unease, which works only when the imbalance is chosen rather than accidental.
Key vocabulary
- balance
- The design principle concerned with how visual weight is distributed across a composition so that it feels stable, or is intentionally left unstable.
- visual weight
- The amount of attention an element attracts from the viewer's eye, determined by its size, color, value, complexity, position, and isolation rather than by any physical mass.
- axis
- An imaginary line, usually vertical, through a composition against which the weights on each side are compared when judging balance.
- symmetrical balance
- Balance achieved by placing elements of equal weight in matching positions on either side of a central axis so one half mirrors the other; also called formal balance.
- asymmetrical balance
- Balance achieved with elements of unequal weight arranged so their differing weights still even out without mirroring; also called informal balance.
- radial balance
- Balance in which elements radiate outward from a central point with equal weight on all sides, creating a strong central focal point.
- mosaic balance
- Balance produced by spreading weight so evenly over the whole surface that no single focal point emerges; also called crystallographic or all-over balance.
- visual tension
- The sense of instability a viewer feels when weights are unequal, which a designer can create deliberately to signal energy, motion, or unease.
- isolation
- Surrounding an element with empty space, which increases its visual weight by making it command attention it would lose in a crowd.
Sources & references
- Principles of Design: Balance — Humanities LibreTexts (authored by Debora Rodenhauser)
- Visual Weight (topic overview) — Interaction Design Foundation
- Design Principles: Compositional, Symmetrical And Asymmetrical Balance — Smashing Magazine
EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.
Researched 2026-08-19
Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.