Symmetry and asymmetry in web design

Source: Internet
Author: User

As a child, I like butterflies, feeling that this is nature's most magical, when their wings open, always can't help admiring their beautiful elegance and colorful colors.

More importantly, this innate sense of symmetry is breathtaking.

Symmetrical style

Gestalt-A theory of human behavior that describes the thought structure of human beings arranging visual data-thinks humans will naturally see things in order.

In other words, our eyes tend to capture visual elements that are organized and have a perfect style. This is what we call the symmetry sense. Symmetrical style objects have a natural sense of balance, elegance, symmetry in the design can reflect a consistent, orderly and stable characteristics. Many well-known brands have adopted a symmetrical design, although not very inventive, but at least let people feel the atmosphere, stable.

Motorola

Mcdonald 's

Benz

Honda

Audi

Asymmetrical style

Although the symmetrical style design looks very comfortable, has the certain esthetic value, but is too "the conformity". Asymmetrical style, literally, is the lack of symmetrical design style. With a sense of imbalance and disorder, with a destructive sense of unease, but also quite interesting. Asymmetric design is more complex, but also can affect people's emotions, appear happy and lively.

Youtube

Nike

Facebook

Virgin

Jia Le

Symmetry and asymmetry in the design

A skilled designer will choose between symmetry and asymmetry based on the needs of the customer, or choose one, or both. Whether it is logo design, web design or logo design, both are widely used. Symmetry can evoke an orderly, calm feeling; asymmetry makes one feel more angry and more enthusiastic.

Look at Pepsi's logo,2008 years ago logo, relatively symmetrical design, the same proportion of red and blue, and after the logo used asymmetrical, red dominant position.

The replacement of the Pepsi logo has sparked controversy: Why does Pepsi have to switch from "perfect" symmetry to asymmetry? It should be said to conform to the changing times. In the past, the stability and trustworthiness of the brand was the most important. And now, as culture grows more and more, we want to have a more vibrant quality of life--we prefer the product to be "cool,"--so that's probably what Pepsi takes into account.

Then look at Obama's logo when running for president, you see, is also asymmetrical design, people feel very "cool", can embody a forge ahead, young enlightened means, this must be very popular with young people.

The embodiment of web design

In logo design, either symmetrical or asymmetric. But in web design-the combination of a large number of elements creates more possibilities. It can be both, or it can only be designed in one way. For example, will be already very eye-catching main elements of the symmetrical design embodiment of beauty, the small details of the asymmetric design to highlight the contrast.

The following is the embodiment of symmetry and asymmetry in web design. How to improve the visual impact of Web design? Please think

Symmetric

Form follows Function

Buffalo

Asymmetrical

My Provence Festival

Would McMahan

Both

Etch

Aesthetic Apparatus

Conclusion

In general, the combination of asymmetry and symmetry, design, the effect is better. We are accustomed to capturing symmetrical elements, but asymmetric elements can play a very good role in reconciling and impacting. Use symmetry to maintain uniformity and overall sense, and to increase personalization with asymmetry.

Web design is always like a balanced philosophy, as the yin and Yang reconcile, according to the situation, reasonable choice and balance.

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.