DESIGN + THE BRAIN

Understand the people behind the design.

Every design is ultimately experienced by a human brain.

Explore how perception, attention, memory, emotion, cognition, and behavior influence the way people experience visual communication.

Discover how insights from psychology, neuroscience, and cognitive science can help designers create experiences that are clearer, more memorable, accessible, meaningful, and respectful of human agency.

How the brain meets design

Every design decision lands on a human nervous system. Perception, attention, memory, emotion, cognition, and behavior are not abstract psychology — they are the constraints and opportunities of every layout, interface, and image you will ever make.

Each page below pairs one mental faculty with the design decisions it governs, with sources you can read and cite yourself.

The faculties

Perception

How we see

Perception is not a camera. The brain actively constructs what we see from incomplete signals, filling gaps, grouping elements, and interpreting depth, motion, and meaning before we are aware of it. The Gestalt psychologists of the early twentieth century showed that we perceive organized wholes rather than isolated parts — proximity, similarity, closure, and continuity do the grouping automatically.

Attention

What we notice

Attention is a spotlight with a very narrow beam. Decades of research show that people miss obvious things when their attention is elsewhere — the famous invisible gorilla experiment made this unforgettable. Viewers do not scan pages evenly; they follow patterns, hunt for scent, and ignore entire regions they have learned to distrust, such as anything that looks like an advertisement.

Memory

What we keep

Working memory is brutally small. Miller's famous 1956 paper put the limit near seven chunks; later work by Cowan revised it closer to four. Either way, a design that asks people to hold many things in mind at once is a design that fails. Recognition is far easier than recall — which is why visible options beat hidden commands, and why icons need labels.

Emotion

How we feel

Emotion is not the opposite of usability — it is part of it. Don Norman's Emotional Design argues that attractive things are perceived to work better, and his research with colleagues showed that aesthetics measurably affect perceived usability. Feeling shapes judgment before reason gets a vote.

Cognition

How we think

Cognition is the work of understanding: reading, comparing, deciding, problem-solving. Every design imposes a cognitive load, and Sweller's cognitive load theory distinguishes the load inherent to the task from the extraneous load a confusing design adds on top. Good design minimizes the second so the first has room.

Behavior

What we do

Design ultimately aims at behavior: a click, a purchase, a donation, a habit. BJ Fogg's behavior model holds that behavior happens when motivation, ability, and a prompt converge at the same moment — which means a designer's job is often less about persuading and more about making the desired action easy and well-timed.

Put it into practice

Try

The Five-Second Test

10 minutes · Beginner

Look at a design for five seconds, look away, and write down everything you remember.

Keep exploring

DESIGN FOUNDATIONS

Learn

Start with the fundamentals.

Every strong design begins with an understanding of the fundamentals.

Explore the elements and principles designers use to organize information, establish hierarchy, create relationships, direct attention, and communicate ideas.

Learn about balance, contrast, scale, rhythm, alignment, proximity, grids, Gestalt principles, and more—and discover how these concepts work together to create meaningful visual communication.

TYPOGRAPHY

Learn

Type doesn't just say something. It communicates something.

Typography gives language a visual voice.

Learn how typeface selection, scale, spacing, hierarchy, alignment, and composition influence how information is read and understood.

From the anatomy of a letterform to expressive typography and complex page systems, discover how designers use type to create clarity, personality, emotion, and meaning.

COLOR

Learn

Understand why color works.

Color can attract attention, establish hierarchy, communicate identity, create emotion, and change the way we experience a design.

Explore color theory, relationships, systems, psychology, accessibility, and practical methods for developing effective palettes.

Learn to move beyond choosing colors because they "look good" and begin making intentional color decisions.

IMAGE

Learn

Think beyond the picture.

Images can inform, persuade, document, provoke, and tell stories.

Explore photography, illustration, collage, art direction, image-making, and the relationship between image and typography.

Learn how to select, create, crop, manipulate, and combine imagery with purpose—and how technical decisions such as resolution, format, and reproduction affect the final result.