06 Jun 2012

Creating An Asymmetrical Balance In Web Design

In web design, you will quite often hear people talk about symmetry being the ideal way to create websites, but there are arguments to suggest that this is not always the case. An asymmetrical design – that is, one containing elements that do not create a mirror image – can be highly attractive and effective in their own right. They, too, can be balanced – just not with perfect halves.

  • Images
    In asymmetrical web design, you can use images to balance out your text – for example, a large chunk of text on one side of the page can be mirrored by a large image on the other. You do need, however, to ensure that both the text and the image complement each other and work together (such as a cupcake on a baking website).
  • Foreground and Background
    A newer introduction to the world of asymmetrical web design is the idea of using background elements to balance out foreground ones. This creates an interesting background dynamic that doesn’t normally exist (it is much more functional as a part of the content as well as functioning as a backdrop). This is often done with layers, as it creates depth.

As anyone who works in web design will tell you, balance is one of the key fundamentals to coming up with a good website – this is probably why symmetry is often lauded as being the way to go. By using images and the elements of the background and foreground, however, you can create a more asymmetrical design that is both balanced and attractive.