Homepage How to design good-looking

A website suction is not attractive in addition to the content of the site, the site's interface is also very important, then how to the homepage design attractive and beautiful, the following small set to introduce some of the homepage design process.

　　First, the style of positioning

The homepage beautification first must consider the style localization. Any homepage must decide its style and form according to the content of the subject, because only the perfect unification of form and content can achieve the ideal propaganda effect. At present, the application of the home page is expanding, almost including all the industry, all-encompassing, but summed up there are generally such a few major categories: news organizations, government agencies, science and education culture, entertainment Arts, E-commerce, Network Center and so on. For the different nature of the industry, should reflect the different home page style, just like dress up, should vary according to the different sex and age level. For example: The Government Department's homepage style generally should be more solemn, and the entertainment industry can be lively and lively some; the homepage of the Culture and Education Department should be elegant and generous, while the business homepage can be close to folk custom, make the public popular.

The form of homepage style mainly relies on the layout design of the homepage, depends on the tonal processing of the page, and the combination form of picture and text. These problems seem simple, but often require the homepage of the design and production of a certain artistic quality and self-cultivation.

Also, the animation effect should not be abused in the homepage design, especially some serious content of the homepage. After all, the main page relies on text and pictures to disseminate information, it is not a cartoon, not a TV or film. As for the appropriate link in the homepage of some film and television works, that is another matter.

　　Second, the layout arrangement

The homepage design first involves the page layout problem. "Layout" is actually the "business position" in the ancient Chinese painting theory. Homepage as a layout, both text and pictures. The text has a large and small, there are headings and text points, the picture is also size, and there are horizontal and vertical. Both the picture and the text need to be displayed to the audience at the same time, they can't be simply listed on a page, so they tend to get messy. Therefore, according to the needs of the content, these pictures and text in a certain order to arrange and layout, so that they constitute an organic whole, show to the general audience. Can be based on the following several to do:

1. Primary and secondary, the center is prominent. In a page, it is necessary to consider the center of the vision, which is generally in the center of the screen, or in the middle of the position. Therefore, some important articles and pictures can generally be arranged in this area, outside the visual center can be arranged for those slightly minor content, so that the focus on the page, do the primary and secondary differences.

2. Size collocation, mutual echo. Longer articles or titles, do not arrange together, to have a certain distance, the same, shorter articles, can not be arranged together. The arrangement of the picture is also like this, to stagger each other, resulting in the size of a certain interval, so that you can make the page patchwork, avoid the deviation of the center of gravity.

3. Illustrated, complement each other. Text and pictures have a complementary visual relationship, the page is too much text, it appears dull, lack of anger. Too many pictures on the page, lack of text, will inevitably reduce the page's information capacity. Therefore, the most ideal effect is the close cooperation between the text and pictures, each other as a foil, both active page, and make the homepage has rich content.

　Three, lines and shapes

The combination of text, title, picture, etc., will form a variety of lines and shapes on the page. The combination of these lines and shapes forms the overall artistic effect of the home page. Must pay attention to the artistic collocation of these lines and shapes, in order to enhance the artistic charm of the page.

1. Linear (rectangular) applications. The artistic effect of the straight line is smooth, straight, regular, neat, the so-called has a round outline. The combination of lines and rectangles on the page can be a neat, distinct visual effect. Generally used in more solemn, serious homepage theme.

2. The application of curve (ARC). The effect of the curve is flowing, active and dynamic. The repetitive combination of curves and arcs on the page can present a smooth, brisk, vibrant visual effect. Generally used in youth, lively homepage theme.

3. The synthesis application of curved, straight line (rectangle, ARC). The above two lines and shapes combined to use, can greatly enrich the performance of the homepage, so that the page presents a more colorful artistic effect. This form of home page, adapt to a larger range, the various themes of the home page can be applied. However, in the layout of the page processing, the difficulty will be correspondingly larger, the handling of bad will produce messy effect. The easiest way to do this is to use a single line (shape) on a page, with only a few other lines (shapes) that fit within the local range.

　Four, color processing

Color is the most sensitive thing to people's vision. Homepage of the color processing good, can icing on the cake, to achieve a multiplier effect. Color general application principle should be "overall coordination, local contrast", namely: Homepage's overall color effect should be harmonious, only partial, small area place can have some strong color contrast. In the use of color, can be based on the needs of the homepage content, respectively, the use of different main colors. Because the color is symbolic, for example: Tender green, emerald, yellow, gray brown can symbolize the spring, summer, autumn and winter respectively. Second, there are professional signs color, such as: Military Police's olive green, medical and health, white and so on. Color also has a clear psychological feeling, such as cold, warm feeling, the effect of entering and returning. In addition, the color also has the national nature, each nationality because of the environment, the culture, the tradition and so on the influence, to the color preference also has the big difference. The full use of these characteristics of color, we can make our homepage has a profound artistic connotation, thereby enhancing the cultural taste of the homepage. Here are a few common color schemes:

1. Warm tones. namely red, orange, yellow, ochre color and so on. This kind of tonal use, can make the homepage present warm, genial, warm atmosphere.

2. Cold tones. namely cyan, green, purple and so on color collocation. This kind of tonal use, can make the homepage appear tranquil, cool, elegant atmosphere.

3. Contrasting tones. That is, the color of the exact opposite color collocation in the same space. For example: Red and green, yellow and purple, orange and blue. This kind of color collocation, may produce the intense visual effect, gives the person bright, bright, joyful feeling. Of course, contrasting tones if used poorly, will backfire, produce tacky, dazzling bad effect. This is to grasp the "great harmony, small contrast" this important principle, that is, the overall tone should be unified and harmonious, local places can have some small strong contrast.

Finally, also consider the home page background (background color) of the deep, shallow, here borrow a term in photography, is "high-profile" and "low-key." Shallow background is called high profile, deep background is called low-key. Deep background, the color of the text will be shallow, with a dark backdrop to foil light content (text or pictures); On the contrary, the background light, the color of the text will be deeper, with a light background to foil the dark content (text or pictures). This kind of depth change is called "lightness change" in the color science. Some homepage, the background color is black, but the text also chooses the darker color, because the color brightness is close, the reader when reading, the eye will feel very laborious, has affected the reading effect. Of course, the lightness of color can not change too much, otherwise the brightness contrast on the screen is too strong, also can make the reader's eyes unbearable.