Balance in design is the distribution of elements of the design. Balance is a visual interpretation of gravity in design. Large, dense elements appear heavier, while smaller elements appear lighter. There are three ways to balance designs:
Understanding Balance: The Principles of Graphic Design
Balance in web design is found in the layout. The position of elements on the page determines how balanced the page looks. A major challenge in achieving visual balance in web design is the fold. You can design a layout that is perfectly balanced on first view, but as the reader scrolls through the page, it can become unbalanced.
The most common way to incorporate balance into web design is through layout. However, you can also use the float style property to position elements and balance them across the page. A common way to balance a layout symmetrically is to center text or other elements on the page.
Most web pages are built on a grid system, and this immediately creates a sense of balance for the page. Customers can see the grid even when there are no visible lines. Web pages are well suited to grid designs because of the square nature of web shapes.