Balance in design is the distribution of elements of the design.
Balance is a visual interpretation of gravity in the design.
Large, dense elements appear to be heavier while smaller elements appear to be lighter.
Dimitri Otis / Getty Images
The position of elements on the page determines how balanced the page appears.
One big challenge to achieving visual balance in web design is the fold.
Customers can see the grid, even if there aren’t any visible lines.
Web pages are well suited to grid designs because of the square nature of webshapes.
Symmetrical Balance
Symmetrical balance is achieved by placing elements in a very even fashion in the design.
Centering is the easiest way to get a symmetrically balanced page.
For example, you might have a large element placed very close to the centerline of the design.
To balance it asymmetrically, you might have a small element farther away from the centerline.
you’ve got the option to also use color or texture to balance an asymmetrical design.
Discordant or Off-Balance
Sometimes the purpose of the design makes an off-balance or discordant design work well.
Designs that are off-balance suggest motion and action.
They make people uncomfortable or uneasy.
