On the balance theory in web design

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

When it comes to design "balance theory", people who have done the design certainly understand the truth, and the "Balance Theory" is a little unfamiliar to some novice web designers. Here is a thorough explanation of the web design of the balance theory.

Since ancient times, human beings are looking for beautiful things, human beings will be based on the beautiful things in nature to create more beautiful concord, in line with human vision of things. For example, when the ancients made palaces, they always used the theory of Balance or symmetry, and in the past it was not only auspicious, but also a theory of human visual observation, so the theory is equilibrium theory.

  

Then how to use the "Balance Theory" in web design?

In the above example, it is not difficult to see that the balance theory is through the same thing to achieve a sense of visual balance, then we do not make the Web page to the left and the right part of the same, but with some tricks we can also achieve the balance effect.

  

From the above example we can see that in the same saturation, lightness of the condition, the size of the area determines whether the balance. Obviously to the right of the visual "heavy" feeling, can not achieve a visual balance. By doing the following changes, reduce the brightness on the right, you can achieve a visual balance effect.

  

Relative balance

In web design, the relative balance is generally the weight of each element in the page to achieve a balanced state. For example, the following example:

  

The elements in the diagram are text, treasures, cranes, eagles, and mountains, and if you remove any of these elements from this page, you will achieve an unbalanced state. Visible, the picture of any element position can not be placed at will, he must have some other elements of a certain visual relationship, and this visual relationship is called "visual balance relationship." This is the relative balance.

Absolute balance

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

  

Complementary balance

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

  

The above is for you to share the concept of visual balance in web design, this balance theory can achieve the visual balance in the work, it is people produce a kind of reliable and stable security, and there is no "want to Fall" "awkward" feeling, this is the web design in design need to pay attention to "balance theory" reason.

Article Source: ued User Experience Designer Blog original address: http://www.uedboke.com/post/10.html Welcome to read, reproduced please link to the form indicated. Thank you for your cooperation!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.