How to design a beautiful web page

Source: Internet
Author: User

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

Now many people still stay in the Web page production level, that as long as the use of the Web page production software, you can do a good job of web design, open most web design tutorials is also so. So you can make beautiful web pages? The answer is: No.

Design is an aesthetic activity, successful design works are generally very artistic, web design should follow the basic principles of art.

1, color

Color is important in design. Generally speaking, red is the color of fire, warm, unrestrained, but also the color of blood, can symbolize life. Yellow is the highest brightness color, it is gorgeous, noble, crisp. Green is the color of natural vegetation, meaning pure nature and growth, symbolizing peace and security, such as green food. Purple is a symbol of nobility and a sense of decency. White can give people a sense of purity and innocence, the expression of peace and holiness.

We know that color is the refraction of light, red, yellow, blue is the primary color, and other colors can be reconciled with these three colors. Another way of thinking, we can use color changes to show the effect of light and shade, which will undoubtedly make our works closer to reality.

Colors represent different emotions and have different symbolic meanings. These symbolic meanings are a complicated problem in the communication of people's thoughts, which vary according to the age, region, time, nationality, stratum, economic region, working ability, education level, customs, religious belief, living environment and gender difference.

Pure color does not have practical meaning, and different color collocation, it shows the effect is also different. such as green and golden, pale white collocation, can produce elegant, comfortable atmosphere. Blue and white mix, can reflect supple, elegant, romantic atmosphere. The red and yellow, the gold collocation can render the festive atmosphere. The combination of gold and millet color will bring warmth to people. The color scheme is different when you design tasks differently. In view of the adaptability of the Web page, you should try to use the page security color.

But the use of color is not a certain law, if you must use a law to set, the effect will only backfire. Experience we can first identify a subject color, and then according to specific needs, the application of color approximation and contrast to complete the entire page color scheme. The entire page should be visually a whole to achieve a harmonious, pleasing visual effect.

2, modelling

All the elements on the screen can be unified as the basic components of the screen, line, surface to deal with. In a successful work, it is necessary to mix and match the dots, lines and faces to construct the whole page.

Usually we can use the combination of order, proportion, balance, symmetry, continuity, spacing, overlap, repetition, alternating *, rhythm, rhyme, induction, mutation, close-up, reflection and so on, they all have their own characteristics. In the design should be based on the specific circumstances, choose the most suitable performance techniques, so conducive to the performance of the topic.

Through the combination of dots, lines and faces, we can highlight the important elements on the page, highlight the theme of design, enhance the aesthetic feeling, and let the viewer comprehend the theme of design in the process of feeling the beauty, so as to realize the task of design.

The ingenious use of modelling can not only bring great beauty, but also can better highlight the corporate image, and can be a variety of elements on the Web page organic organization, it can even guide the viewer's view.

3. Design principles

Design is a principle, no matter what method to use the elements in the screen combination, must follow the five major principles: unity, coherence, segmentation, contrast and harmony.

Unification refers to the integrity and consistency of the design works. The overall effect of the design works is vital, in the design of the components should not be isolated scattered, which will make the screen presents a mixed effect of the clutter.

Coherence, is to pay attention to the relationship between the page. The design should make use of each component in the content of the internal relationship and form of mutual echoes, and pay attention to the whole page design style consistency, achieve visual and psychological coherence, so that the entire page design of the various parts of the very harmonious, like coherent.

segmentation, refers to the page into a number of small pieces, small pieces have visual differences, so that the viewer at a glance. In order to enable the viewer to see clearly when the amount of information is large, it is necessary to notice the effective segmentation of the picture. Segmentation is not only a manifestation of the need. In other words, segmentation can also be seen as a sort of generalization of the content of a page.

Contrast is through contradictions and conflicts, make design more rich and angry. A lot of contrast techniques, such as: More and less, song and straight, strong and weak, long and short, coarse and fine, sparse and dense, virtual and real, the Lord and The Times, black and white, moving and static, beauty and ugliness, gather and scatter and so on. In the use of contrast should be prudent, contrast too strong easy to destroy the aesthetic, influence unity.

Harmony refers to the whole page conforms to the law of beauty, seamless. If a design is just a random mix of color, shape, line, etc., then the work will not only have no "sense of life", but also can not achieve the communication function of visual design. Harmony not only depends on the structure form, but also depends on whether the visual effect formed by the works can form a kind of communication with the visual feeling of the person, and produce the resonance of the heart. This is the key to the success of the design.

4, must be creative

This is the basic requirement that no creative design is a failure. (Original address: http://www.code-123.com/html/2008910203359580.html, reprint must keep!)

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.