On Visual Beauty
A framework for understanding why some designs feel right and others don't — grounded in cognitive science, perceptual psychology, and the geometry of the natural world.
Abstract
Visual beauty is not subjective in the way most people assume. There is a measurable, repeatable structure behind designs that humans perceive as beautiful — and it can be understood through three interlocking forces: cognitive fluency (how easily the brain processes what it sees), directed attention (how clearly the design guides the eye), and calibrated novelty (how effectively the design distinguishes itself without overwhelming). This paper presents a unified framework for visual design that treats these three forces as the fundamental variables, draws on experimental aesthetics and perceptual psychology for its theoretical basis, and demonstrates its application through practical examples. The central claim is that beauty sits at a specific point on a complexity curve — and that point can be found deliberately, not by accident.
Contents
Chapter I
The Complexity Curve
In the 1970s, psychologist Daniel Berlyne mapped the relationship between the complexity of a stimulus and the pleasure it produces. The result was an inverted U — what is now called the Berlyne Curve or the Wundt Curve. The finding has been replicated hundreds of times across domains: music, visual art, architecture, product design, and user interfaces.
The principle is straightforward. Too simple, and the brain disengages — there is nothing to process, nothing to reward attention. Too complex, and the brain gives up — the signal-to-noise ratio collapses and the viewer experiences something between confusion and anxiety. The peak of aesthetic pleasure sits in between: the point of optimal complexity, where there is enough structure for the brain to find patterns and enough variation to keep it engaged.
The Berlyne Curve. Beauty peaks where complexity is high enough to sustain interest but structured enough for the brain to find patterns.
This curve is the foundation of everything that follows. Every design decision — layout, typography, color, spacing, animation — moves a composition along this curve. The question is never "is this good?" in isolation. The question is: "where does this sit on the curve, and is that where it should be?"
Three forces determine where a design lands on this curve. They are not independent — they interact, trade off, and reinforce each other. But understanding each one individually is necessary before understanding how they work together.
Fluency
How easily the brain processes what it sees. Fluency pulls toward simplicity.
Attention
How clearly the design directs focus. Attention creates structure within complexity.
Novelty
How distinctive the design feels. Novelty pulls toward complexity and memorability.
Chapter II
Fluency: Making the Brain's Job Easy
The brain finds things more beautiful when they are easier to process. This is not an opinion — it is one of the most replicated findings in experimental aesthetics.1 Every design choice that reduces unnecessary cognitive load makes the result feel more "right," even when the viewer cannot articulate why.
Cognitive fluency operates through several mechanisms, but the most important ones for visual design are perceptual grouping (how the brain organizes visual information into clusters), alignment (how elements relate to each other spatially), and consistency (how patterns, once established, are maintained).
Perceptual Grouping
The Gestalt psychologists identified these a century ago, but they remain the most practical tools for understanding why a layout feels organized or chaotic. Elements that are close together are perceived as a group (proximity). Elements that share visual properties are perceived as related (similarity). The eye follows smooth paths and aligned edges (continuity). The brain completes incomplete shapes (closure).
These are not guidelines — they are how human perception actually works. When a design violates them without intention, the result feels "off" in a way that the viewer senses but cannot diagnose. When a design uses them deliberately, the result feels effortless.
Principle
The distance between groups should be noticeably larger than the distance between items within a group — so the eye has a clear hierarchy to follow and the brain can cluster information without effort. If those distances are equal, that clustering breaks down: everything feels equally related to everything else, and the viewer has to consciously work out what belongs where.
Alignment & Consistency
Misalignment is one of the fastest ways to make something feel amateur without the viewer knowing why. Every element should relate to at least one other element through shared edges, centers, or baselines. Consistency compounds fluency: if headings are bold and blue in one place, they must be bold and blue everywhere. Inconsistency forces the brain to re-learn patterns it thought it already understood.
Natural Proportions
Humans evolved in environments dominated by specific mathematical relationships. The Fibonacci sequence (1, 1, 2, 3, 5, 8, 13, 21...) and its close relative the golden ratio (~1.618:1) appear throughout nature — in shell spirals, flower petal arrangements, branching patterns, and body proportions. Whether the ratio is inherently special or simply close to other pleasing proportions is debated, but as a compositional tool it is remarkably effective.
Font sizes that follow proportional scales (e.g., 14 → 16 → 24 → 40 → 64) feel more harmonious than arbitrary sizes. Layouts that divide space in roughly 62:38 ratios feel more balanced than 50:50 splits. These are not rules — they are starting points that tend to work because they align with proportions the visual system is already tuned to find pleasing.
1 Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: Is beauty in the perceiver's processing experience? Personality and Social Psychology Review, 8(4), 364-382.
Chapter III
Attention: Directing the Eye
The brain cannot process everything at once. It needs a reading order — a path through the composition. Visual hierarchy is how you create that path. Without it, the viewer's eye bounces randomly, processing nothing deeply. With it, the viewer moves through the design in the order you intended, absorbing each piece of information at the right moment.
Hierarchy is established through contrast — in size, color, weight, position, and isolation. The biggest element is seen first. High contrast draws the eye before low contrast. Saturated and warm colors advance; muted and cool colors recede. Elements surrounded by empty space gain importance simply through isolation.
Hick's Law & Decision Load
More choices equal slower decisions equal more cognitive strain. This applies beyond user interfaces. A poster with five competing focal points overwhelms. A slide with four equally-sized text blocks paralyzes. A color palette with eight colors creates noise. Constrain deliberately. Limit focal points, color choices, font families, and competing elements. Reduction is a design act, not a compromise.
The 60-30-10 Rule
A practical heuristic for color distribution that creates automatic hierarchy: 60% dominant color (usually the most neutral — backgrounds, large surfaces), 30% secondary color (supporting elements, sections), and 10% accent color (calls to action, highlights, key details). This ratio prevents the visual noise of evenly distributed color and ensures the accent actually accents.
Chapter IV
Novelty: The Reason to Remember
Fluency alone produces clean, forgettable design. The brain disengages from the fully familiar because familiar things require no processing — and the brain, despite preferring ease, does not enjoy doing nothing. It craves a manageable challenge. This is where novelty enters.
Raymond Loewy, one of the most influential industrial designers of the 20th century, called this the MAYA principle: Most Advanced Yet Acceptable. Push a design as far toward novelty as you can while staying within the boundary of what people can immediately understand and accept.
Too safe
A plain white page with black text in a standard font. Readable, functional, instantly forgettable. There is nothing for the brain to hold onto because there is nothing distinctive.
MAYA sweet spot
An unexpected layout choice, a distinctive typeface, a surprising color accent — but the content is still instantly readable and the purpose is clear. Familiar structure, unfamiliar detail.
The Von Restorff Effect
The one thing that differs from the group is the thing that gets remembered. This is the scientific basis for accent colors, pull quotes, oversized hero elements, and call-to-action buttons. But the key nuance is that the effect requires a consistent system to break. Without consistency, there is no contrast, and thus no isolation. You must establish a pattern before you can meaningfully break it.
Insight
This is why the three forces interact: fluency establishes the pattern (consistency, alignment, grouping), attention organizes the hierarchy (what to see first, second, third), and novelty breaks the pattern at one chosen point to create memorability. The break only works if the foundation is solid.
Character as the Integration of All Three
When these three forces are calibrated correctly, what emerges is not just a "good design" — it is a design with character. Character is the quality that makes a visual feel like it belongs to one specific entity and no other. How much does this visual remind you of a specific personality? How much do the colors make you feel a particular way? How easily can your eyes find the important information?
Character is not a fourth force. It is the emergent property of the other three working together. A design has character when its fluency, attention structure, and novelty choices all point in the same direction — toward a single coherent identity that the viewer can intuitively feel, even if they cannot articulate what they're feeling.
Chapter V
The Synthesis: Finding the Sweet Spot
The Berlyne sweet spot cannot be found in a single pass. The distance between "too simple" and "too complex" is narrower than it feels from the inside, and the only reliable way to find the peak is through deliberate iteration.
Start simpler than you think the final result should be. There are two reasons. First, subtraction is harder than addition — once visual complexity is in a design, identifying which elements are the problem is a harder judgment call than deciding what to add. Second, the creator's blind spot: the person building a design has full context on every element's purpose, which makes complex designs feel more organized to the creator than to the viewer.
Method
Pass 1: Build the structure — layout, hierarchy, typography, primary content. No decorative elements. This should feel "too clean."
Pass 2: Add the first layer of visual interest — accent colors, one textural element, the primary novelty choice. This should feel "almost right but maybe too subtle."
Pass 3: Calibrate — based on feedback, dial specific elements up or down. This is where the sweet spot reveals itself.
Spatial Complexity
Complexity in a composition is not — and should not be — uniform. Foveal vision (the center of focus) is for reading and parsing detail. Peripheral vision is for spatial awareness and pattern detection. This biological fact has a direct design implication: put clarity where the eye focuses and texture where it wanders.
For any decorative element — background patterns, textures, gradient effects — density and opacity should be highest at the edges of the viewport and lowest at the center where content lives. The viewer's focused reading eye sees clean content. Their peripheral vision detects rich texture. The brain registers both — clarity and depth — simultaneously.
Chapter VI
Application: From Theory to Screen
Theory without application is academic exercise. The framework presented in this paper is only as useful as its ability to produce better work in practice. Here is the sequence I follow when applying these principles to a real project.
1. Establish purpose and audience. Who is looking at this? What should they feel, understand, or do? The answer determines the target position on the Berlyne curve — a medical device interface aims lower (calm, reassuring, simple), a music festival poster aims higher (energetic, dense, memorable).
2. Build the fluency foundation. Grid, alignment, hierarchy, consistent spacing. This is the skeleton — it should be invisible but solid. No decorative choices yet.
3. Choose color with both channels. Color is simultaneously a cognitive tool (it helps the brain organize information) and an emotional signal (it sets mood and meaning). Establish a palette that handles both jobs. Test it across display conditions — if a subtle effect disappears on night mode, it is too faint.
4. Introduce novelty last. One to three unexpected choices: an unusual typeface, a bold accent color, an unconventional layout element. Novelty should feel like a deliberate departure from an established system, not random chaos. The Von Restorff effect requires a pattern to break.
5. Subtract. Remove anything that does not serve purpose, hierarchy, or beauty. If removing something changes nothing, it should not be there. The final question is always: can I take something away and make this better?
This paper is a living document. The framework evolves with each project, each client, each moment where theory meets the messy reality of screens, monitors, and human perception. The principles do not change — but the understanding of how to apply them deepens.