Web Design

Symmetry In Web Design

28th November 2017
2 minute read

Gestalism is the theory that as humans we focus on the greater whole rather than individual objects. Symmetry is one of these basic principles and suggests that humans are naturally drawn to a design that has a sense of balance about it. This can be effective when it comes to designing a website. Web designers can use symmetry in their designs to create layouts that are pleasing to the human eye.

Learn more about gestalism.

Types of symmetry include:

1. Rotational

2. Reflectional

3. Glide Reflectional

4. Translational


Designing a website that is completely symmetrical can be difficult and also become tedious for the visitor.  Web designers, therefore, can use asymmetrical elements to add movement and individuality to a website. Designers can use any of these types when arranging images and text to attract audiences and give them an experience that is both neat and tidy but engaging at the same time.

“Symmetry is a key component to achieve a pleasant visual effect and good perception of the work of any designer.”

We incorporated symmetry into the design for our client, Mall Media US. Check out the homepage for instance; the texts and images are separated by a vertical axis which mean that audiences can clearly see the different elements of the site and quickly find information.
As you click through the website this technique is used throughout, which gives the website an overall feeling of organisation and order.

If you would like to discuss how we can design your website, please get in touch!





Tagged With

Contact Us

Let’s get the ball rolling.

Get A Quote

We are passionate about innovation, ideas and experience. Tell us about yourself and your project and we can start the ball rolling.