Balance Theory in web design

When talking about the "Balance Theory" in design, people who have done design will surely understand the truth, and the "Balance Theory" is a little unfamiliar to some new web design beginners. The following is a thorough explanation of the Balance Theory in web design.

Since ancient times, humans have been pursuing beautiful things. Humans will also create more beautiful and visual things based on the good things of China and the United States of nature. For example, when the ancients made the Palace, they always used the theory of balance or symmetry. In the past, this was not only auspicious, but also a theory that conforms to human visual observation, so this theory is the balance theory.

　　

 

How does one use the balance theory in web design?

In the above example, it is not difficult to see that the balance theory achieves the visual balance through the same thing on the left and right. Therefore, when we create a webpage, we cannot make the parts on the left and right the same, however, we can also achieve a balance using some techniques.

　　

 

From the above example, we can see that, under the same saturation and brightness conditions, the area size determines whether to balance. Obviously, the right side gives a visual "heavy" feeling and cannot achieve a visual balance. By making the following changes, we can reduce the brightness on the right to achieve a visual balance.

　　

 

　Relatively Balanced

In web design, the relative balance is generally the balance of the weight occupied by each element in the page. For example:

　　

 

The elements in the figure include text, ink, Crane, e, and mountain. If you remove any of these elements from the page, they will reach an imbalance. It can be seen that no element in an image can be placed at will. It must have a visual relationship with other elements, in this visual relationship, there is a "visual balance relationship ". This is relatively balanced.

　Absolute balance

Absolute balance is usually seen in the design of left and right structures or upper and lower structures.

　　

 

　　Complementary balance

The complementary equilibrium is usually "aggravated" by adjusting the element density of the block and increasing the saturation ".

　　

 

The above is the concept of visual balance in web design shared for everyone. This balance theory can achieve visual balance in the work, which is a reliable and stable sense of security, there will not be a feeling of "getting down" and "awkward", which is why the design of web pages needs to pay attention to and pay attention to the "balance theory.

Source: UED user experience designer blog Source: http://www.uedboke.com/post/10.html