Two Butterflies In Perfect Symmetry Just Like Website Design Should BeBalance is a state of equilibrium that is inherent in the human condition. It is necessary in all parts of life. Whether it’s balancing different aspects of one’s life, a company needing to balance out its operations, or the actual act of balancing on one leg, all parts of life need balance in order to function at its optimal level.

A sense of balance gives us a feeling of stability. We know when something/someone is balanced we can depend on it/them and expect performance that will yield positive results. When there is a clear presence of balance it creates confidence, trust, and reliability.

Balance in Web Design

Balancing a composition, or layout of your website, functions in the same way. If there is too much importance attached to one element over another, our state of understanding will have shifted to one of imbalance, and this may lead to confusion.

Balance in design is the distribution of the visual weight of objects, colors, texture, and space. A balanced composition feels right. It gives us a sense of stability and is aesthetically pleasing without us even knowing it. Some elements may be focal points, but no one area overpowers another to the point that you can not see the other areas or the conversion path’s flow is disrupted.

When you have a website design that is unbalanced, your conversion path can suffer. There is now not a clear path on where the visitor should go, and there is nothing telling them what information is more important than the other. In order to avoid making these mistakes, keep these design principles in mind.

3 Types Of Web Design Balance

Symmetrical Balance

Symmetrical balance can be thought of as 50/50 balance or a mirror image. In other words, the image would look the same on either side of the center. Symmetrical balance evokes feelings of formality and elegance.

The Design of this website is an example of symmetrical balance. Everything reflects around the vertical axis down the center of the page.

Symmetrical Balance Example

Asymmetrical Balance

Asymmetrical balance results from unequal visual weight on each side of the composition while still giving the feeling of balance. One visually heavy element on one side might be balanced by a number of lighter elements on the other. Asymmetrical balance is more dynamic and interesting. It evokes feelings of modernism, movement, energy and vitality.

The Design of this website is an example of asymmetrical balance. You can see imagery is being balanced by smaller sections of text on its opposing side.

Asymmetrical Balance Example-3-23. jpg

Radial Balance

Radial balance occurs when all the elements radiate out from a central point and the visual weight is distributed equally.

Because everything radiates from a common center, everything also leads to that center, making it a strong point of attraction.

The home page of is an example of Radial Balance. Everything revolves around the center of the page.

Radical Balance Example-3-23

Balance is Necessary

Balance is necessary to create a successful website and it’s necessary in all areas of life. Whether in our own lives or through design, we need balance in order to convey the right message to those we wish to communicate with. If we have a balanced life, we give off a presences of

confidence, trust, and reliability. The same thing happens when we have balance in our design and this drives results.


About the Author

Rachel Stroschein is a Web Designer at OMNI Online Solutions. Using her skills in visual communication, she provides our clients with thoroughly thought out web layouts and design best practices in order to help create successful websites for our clients.

Share on FacebookPin on PinterestTweet about this on TwitterShare on Google+Email this to someoneShare on TumblrShare on LinkedIn

Keep Reading...