The whole before the parts
Composition is the choreography of attention. It determines where the eye enters, what it connects, and where it rests. Individual elements can be beautiful while the composition containing them remains unresolved.
Begin by seeing masses rather than details. Squint at the page. The distribution of light and dark, dense and open, stable and active should already suggest an order.
Design is the method of putting form and content together.
Figure 01
Visual balance
Equal visual weight does not require equal size. Position and contrast change the balance.
Source
Proteus study
Balance and tension
Symmetry creates immediate stability. Asymmetry creates balance through unequal but equivalent forces: a large quiet form may be balanced by a small high-contrast mark. Neither approach is inherently better; each produces a different emotional temperature.
Tension appears when elements approach edges, overlap, oppose one another, or interrupt expectation. Controlled tension gives a composition rhythm. Uncontrolled tension feels accidental.
Visual note — Weight
Balance is felt before it is measured.
Proximity and grouping
Distance is meaning. Elements placed near each other are read as related before their content is understood. Use spacing to form clear groups, then use larger intervals to distinguish one group from another.
Figure and ground
Every form creates a surrounding shape. Good composition designs both. Negative space is not leftover area; it controls emphasis, pace, and the perceived quality of the entire page.
Observe — The New Yorker
One dominant image can organize an entire field.
Exercise 01
Which composition feels more active?
Reveal the observation +
The off-center composition. Cropping, unequal intervals, and diagonal relationships create directional tension.
- There is a clear visual entry point.
- Groups are created through consistent proximity.
- Negative space has deliberate shape.
- The composition remains coherent as a thumbnail.
- Alignment supports rather than flattens the idea.
Chapter summary
Keep these
ideas close.
- 01Composition organizes forces across the whole field.
- 02Balance can be asymmetric when visual weights are equivalent.
- 03Negative space is an active shape.
Related topics
Practice
Compose the same content three ways: calm and centered, dynamic and diagonal, quiet and asymmetric. Constraint reveals how placement—not decoration—changes meaning.
Keep exploring
References
Books
The Language of Graphic Design
Richard Poulin · A visual vocabulary of relationships and form.
Graphic Design: The New Basics
Ellen Lupton & Jennifer Cole Phillips · Exercises that make composition tangible.
Web & practice
AIGA Eye on Design Archive
Observe composition across contemporary editorial work.
Cooper Hewitt Collection
Study designed objects through high-quality archival images.
Field exercise
Arrange one circle, one line, and one word into three moods without changing their color.