(click anywhere to close)
OPEN MENU

[Design] Symmetry

category: Design | course: Graphic Design | difficulty:

The strongest principle of graphic design is balance, which means that the strongest visual property of any element or design is symmetry. On the other hand, there’s balance achieved through other properties – such as colour or weight – which we call asymmetry. Both have their advantages and disadvantages, and I’ll try to help you choose which one to use for your project in this chapter.

I have to remind you, though, that symmetry or asymmetry can be at many places; it can be within an element, between multiple elements or areas of a design, or across a complete design.

Symmetry

Symmetry can be found everywhere in nature, and is inherently balanced and harmonious. Symmetric objects are easy to see and identify, because they are simpler to understand, and are automatically perceived as groups (as seen with the Gestalt principles). They are typically seen as figure, and not ground, which allows them to get more attention and be more memorable. Symmetry of (positive) shapes also has the additional effect that the negative space is symmetric as well.

This makes them seem like the ideal candidate for every design, but symmetrical designs are also often static, stationary, formal, or even dull.

DesignSymmetryOverview

Types of Symmetry

Three types of symmetry can be distinguished:

  • Reflection: Mirroring an element along a mirror line. This could be a central axis, essentially flipping the element, or it could be a line somewhere else. This mirror line can best be horizontal or vertical, but diagonal mirror lines are not unheard of.
  • Rotation: Rotating elements around a common centre point. Again, this can be the centre of the element itself, or some point way outside of it. Any angle and frequency can be used, but regular intervals and a medium angle often work best. Small angles would seem like you made a mistake, while irregular intervals kind of destroys the symmetry.
  • Translation: Locating an equivalent element at another position within the design; a symmetry occurs between two elements, but it’s not a reflection, because both elements are oriented the same way.

DesignSymmetryTypes

Reflection along a diagonal line and rotation are perhaps the most adventurous and playful, while regular reflection or translation is a little more formal and ordinary.

Symmetry is an especially helpful tool in creating patterns. By copying one or two elements, yet performing a symmetry on them, beautiful patterns automatically start to emerge.

Asymmetry

Theoretically, asymmetry is everything that’s not symmetry. But, that means total chaos and cluttered design is also included in the definition, which is never what we want. Instead, we want to focus on asymmetrical balance (informal balance), the opposite of symmetry. Instead of balancing elements with the same element, only reflected/rotated/translated, we balance elements with other things. This could be anything; balancing a colour with its complementary colour, balancing an area of heavy weight with areas containing lots of space, balancing lots of sharp shapes with soft, organic shapes, and so on.

Asymmetry fixes all the bad things about symmetry, as it’s inherently active, informal, dynamic, and organic. It’s a non-systematic and more creative way to achieve balance. Now asymmetry seems like the best thing to do with any design, but there’s a big disadvantage: it’s much more complex and difficult to achieve. When an asymmetrical composition is disturbingly off balance, the result is automatically jarring and disorienting. That’s why it’s recommended to start with a little symmetry (such as a grid), and then try to transform parts of the design to asymmetry.

DesignSymmetryAsymmetry

Think of it this way: nature mostly consists of symmetry, but there’s also something going on called “handedness”. We, humans, have symmetrical bodies, yet strongly prefer using one hand over the other. Symmetry makes everyone a little beautiful, handedness makes everyone a little special and unique.

Types of Asymmetry

There aren’t really any clear-cut types of asymmetry you can employ. The whole idea is that you find your most important, big, dominant element, and then balance or contrast it with lots of smaller, lighter elements.

The process is best visualized as a literal balance scale. Place your focal point or biggest part of the design on one end, and see what amount and what type of elements you need on the other end to balance it out. You could assign a high value to a red element, for example, and low values to blue and purple ones (as they are cooler colours). Similarly, you could assign higher values to sharp shapes than to organic shapes, as the first attracts attention more. Again, contrast is key here.

DesignSymmetryBalancingScales

To make the concept more clear, I want to introduce a very effective and popular compositional principle that relies on asymmetry; the rule of thirds.

By dividing an area into 9 equal blocks, by drawing three horizontal and three vertical lines, you essentially get 4 intersections around the centre. If you place your dominant element on one of these intersections, you can balance it out by placing contrasting elements (counterpoints) at the opposite intersection.

DesignSymmetryRuleOfThirds

Of course, this only works if your dominant element isn’t too big or strong; if that’s the case, centre it and go for more symmetry.

CONTINUE WITH THIS COURSE
Do you like my tutorials?
To keep this site running, donate some motivational food!
Crisps
(€2.00)
Chocolate Milk
(€3.50)
Pizza
(€5.00)