By Corrie Oberdin • 2 September, 2014
In our last Principles of Design post, we talked about Pattern & Contrast and how they are used in web design. Today, we’ll look at one of the other Principles, Balance, and how it plays into the layout of a website.
Principles of Design: Balance
Balance results when the elements of a design are laid out either symmetrically (items consist of similar elements and are equally distanced) or asymmetrically (items have dissimilar elements and spacing, yet appear to be balanced) to create the impression of equality in the design.
Balance in web design can be expressed in how you layout images in relation to text or other shapes. In the Godfather’s website, below you can see the size of the background picture of the Godfather is large compared to everything else – the Godfather takes up much of the page. However, despite the large size of the image, the website is still balanced due to the color & shapes around it.
On the “Backstory” page, the picture of the Godfather also stands out but isn’t overwhelming – the content provides a nice balance with the imagery.
Balance can be tricky because every item on the page can’t be the most important. You have to have a balance between elements and what you want the user to notice. There’s an old saying “If everything is important, nothing is important” and that’s true in design as well.