The Elements of Design: Color, Space, and Composition

Next time you open a snack or unlock your phone, pause for one second. The packaging and the app layout were designed by a real person — deliberately, choice by choice. Once you learn the basic elements of design, you'll start seeing those choices everywhere. This lesson covers the three biggest ones: composition, color, and space.

Composition, in plain words

Composition is simply how the parts of a design are arranged — where the title sits, where the picture goes, and where your eye lands first. It's arrangement. A strong composition guides your eye in a clear order: you notice the important thing first, then wander naturally through the rest.

Here's a useful assumption: nothing should be where it is by accident. If a title sits at an odd angle in the corner, someone chose that — and the choice changes how the whole piece feels.

Color creates mood and hierarchy

Colors change how a design feels. Warm colors — red, orange, yellow — feel energetic and urgent. That's why sale signs are full of them. Cool colors — blue, green — feel calm and trustworthy. That's why banking apps and hospitals are full of those instead.

Color also creates hierarchy: a plain word for "what the eye sees first." Bright or contrasting colors jump forward; muted colors recede into the background. Make your most important element the most eye-catching, and keep everything else quiet by comparison.

Whitespace is a tool, not leftover space

Whitespace (also called negative space) is the empty area around and between elements: margins, gaps, breathing room. Beginners treat it as wasted space to fill up. Designers treat it as an active, deliberate choice. Whitespace gives each element room to stand out, and it makes a whole page easier to scan and calmer to read.

Compare a wall of text with the same story broken into short lines with space between them. The second version reads faster and feels easier. That's whitespace doing real work — the "empty" areas are quietly telling your eye where to rest and where to go next.

Practice: notice design in everyday life

Here's a ten-minute exercise with no tools needed. This week, pick three everyday things: a box of cereal (packaging), your favourite messaging app (an interface), and a poster on a wall. For each one, answer three questions:

What is the first thing my eye lands on? What colors set the mood — warm or cool? Where is the blank space, and does it guide my eye?

Do this a few times and you'll train your eyes to see decisions instead of decoration. You'll also start noticing bad design — the layouts that make you feel vaguely confused without you knowing why.

You don't need expensive software to begin. Composition, color, and space are three tools you carry everywhere: look at everyday things, name the choices you see, and borrow the good ones for your own projects. Design is a skill you build by noticing first, then by doing.