The elements of good design
Shape, line, colour, type, image, texture and space: the building blocks of every design, and how to use them.
Every design, whether it is a logo, a website or a billboard, is built from the same small set of elements. Understanding them helps you see why some designs work and others do not, and helps you talk with your designer about what you want.
Shape
Shapes are the simplest way to organise what we see. Circles feel complete and friendly; squares and rectangles feel stable and dependable; triangles suggest direction and energy. Many of the strongest logos are built from simple shapes, because simple shapes are easy to remember.
Line
Lines divide, connect and lead the eye. A rule can separate sections of a brochure; a diagonal can add movement; a line of text itself forms a shape on the page. Thick lines feel bold; thin ones feel refined.
Colour
Colour is often the first thing people notice and the thing they remember. It sets mood, signals meaning and builds recognition. A good colour palette is limited and purposeful: a main colour, a supporting colour and neutrals. Colour must also be readable. Text needs enough contrast with its background for everyone to read it, including people with low vision or colour blindness.
Type
Typography is the voice of a design. The same words set in a classic serif, a modern sans-serif or a hand-drawn script say very different things. Good typography is also practical: comfortable line lengths, generous spacing and a clear hierarchy of headings help people read and find information.
Art and illustration
Illustration can explain what a photograph cannot, express a personality, or make a brand instantly recognisable. It works especially well for children’s products, educational material and organisations that want warmth and individuality.
Photography
Photographs show the real thing: your people, your products, your place. Authentic, well-lit photography builds trust in a way stock images rarely do. On the web, photographs must also be prepared carefully so they look sharp without slowing the page down.
Texture
In print, texture is real: paper stock, embossing, uncoated or glossy finishes. On screen, texture is suggested through imagery and pattern. Either way, it adds depth and character.
Space
The element most often forgotten is the space between everything else. White space gives a design room to breathe, groups related items together and directs attention. A crowded page asks the reader to do the work; a well-spaced page does it for them.
Putting it together
The elements become a design through a few guiding principles:
- Hierarchy: the most important thing is noticed first.
- Contrast: differences in size, colour or weight create interest and clarity.
- Alignment: items lined up with each other look intentional and calm.
- Repetition: repeated colours, type and shapes create consistency.
- Balance: visual weight is distributed so the design feels stable.
At Gustavo Woltmann Web Studio, we put all of these elements together, in print or on the web, to say exactly what you want to say, the way you want to say it. See examples in our portfolio.