You have looked at a design and thought “something is off” without being able to articulate what. The colors are fine. The fonts are good. The images are high quality. But the whole thing feels… wrong. Awkward. Like furniture arranged in a room by someone who has never lived in a room.
The problem is composition — the spatial arrangement of elements within a frame. And unlike color or typography, which are subjective enough to debate, composition follows mathematical principles that have governed visual art for centuries. This guide covers the three composition rules every designer (and AI prompter) should know.
Rule of Thirds
Divide your frame into a 3×3 grid. The four intersection points are where the human eye naturally gravitates. Place your subject on one of these points — not in the center — and the composition immediately feels more dynamic and professional.
The centering trap: Amateur designers center everything. The logo. The headline. The product. Centering works for symmetrical, formal compositions. For everything else, it reads as uncertain — the designer did not know where to place the subject, so they put it in the middle.
How to prompt it: *”Rule of thirds composition. Place the product on the right-third intersection point. Leave the left two-thirds as clean space for headline text. The subject should feel intentionally placed, not centered by default.”*
Golden Ratio (1:1.618)
The golden ratio is a mathematical proportion found throughout nature — nautilus shells, sunflower seed spirals, human facial proportions — and art — the Parthenon, Da Vinci’s compositions, modern logo design. The human brain perceives compositions that follow this ratio as inherently beautiful, even if the viewer cannot explain why.
Practical application: Use the golden ratio to determine proportions. Image width = 1.618 × height for a golden rectangle. Place the focal point at 38.2% from one edge (the golden section point). Spiral compositions guide the viewer’s eye through the image in a natural, pleasing path.
How to prompt it: *”Compose using the golden ratio. The main subject should sit at the golden section point, approximately 38% from the left edge. The secondary element should follow the golden spiral inward. The composition should feel naturally balanced — the viewer should not consciously notice the mathematics.”*
Leading Lines and Visual Flow
Composition is not just where you place elements. It is how you guide the viewer’s eye through the frame. Leading lines — roads, rivers, architectural edges, gazes — create a path that the eye follows unconsciously.
How to prompt it: *”Use leading lines to guide the eye. The road in the foreground should lead toward the product. The model’s gaze should direct attention to the headline area. The composition should create a clear visual path — foreground to subject to message.”*
How to Direct AI Composition
AI image generators do not inherently understand composition. They will happily center your subject unless you explicitly direct otherwise. The key is being specific:
The difference between “better” and “best” is compositional specificity — not more adjectives about the mug, but more instructions about where everything goes.
For a guide to applying composition rules across different content types with Lovart, see our [batch content guide](/blog/batch-generate-30-days-social-media-content-ai) — template-driven composition ensures consistency across campaigns.
FAQ
Q: Do I need to follow composition rules for every image?
A: No. Rules exist to be broken — intentionally. But you need to know the rule before you can break it effectively. A centered composition with symmetrical elements is powerful. An off-center subject with no compositional logic reads as accidental. Know the rule, then decide when to ignore it.
Q: How do I fix a composition that feels off in a generated image?
A: Use Lovart’s **Touch Edit** to reposition elements. Click the subject → *”Move this object to the right-third intersection point.”* The AI repositions while preserving everything else. For a complete editing guide, see our [Touch Edit best practice](/blog/touch-edit-best-practice-3-gestures-lovart).
Internal Links
| Anchor Text | Target |
|————-|——–|
| Touch Edit best practice | `/blog/touch-edit-best-practice-3-gestures-lovart` |
| batch content guide | `/blog/batch-generate-30-days-social-media-content-ai` |
| typography guide | `/blog/typography-101-font-pairing-rules-non-designers` |
| Lovart signup | `https://lovart.ai/signup` |
