4 Principles of reasonable layout and arrangement of website layout design

The layout of the Web page is similar to the typesetting of a magazine. Web page as a layout, both text, there are pictures, there may be animation and so on. At the same time, there are a lot of small text, there are headings and the text of the points, the picture also has a big and small, there are static and dynamic differences. Text and pictures need to be presented to the user at the same time, if they simply list them on one page, they tend to clutter the page. Therefore, according to the needs of the content, they should be arranged in a certain order to arrange and arrange, so that they constitute an organic whole, to display to the user. The following is a detailed description of the principles that should be followed in Web layout.

(1) Overall layout, harmonious unification. The overall layout of the Web page occupies a key position in the page design and plays a leading role. The ingenious overall layout, can show the designer's thought comprehensively, gives the designer's inspiration heartily, such webpage must be harmonious unify.

The traditional method of holistic layout is to use the form of symmetry, to establish the whole equilibrium state through the interaction of space, text and graph, and to produce harmonious aesthetic feeling. However, symmetrical equilibrium sometimes makes the page appear inflexible, rigid, lack of certain vigor. In symmetrical equalization, some novel characters and patterns can be used, and some exaggerated techniques are needed to embody the strong sense of tension and movement, which can add some vivid and interesting to the symmetrical pages.

(2) Primary and secondary trenchant, the center is prominent. in a page, it is necessary to consider the visual center, which is generally in the focus area of the page, that is, the position of the central bias. So the most informative and attractive content should be placed in this position. Outside of the visual center can be arranged for a slightly less important content, so on the page to highlight the focus, and do the primary and secondary.

The ultimate goal of page layout is to make the page produce a clear hierarchy, better highlight the subject, achieve the best display effect, therefore, the content of the page Vision Center should be the main body. The visual order, the spatial level, the master-slave relationship and the logical relationship between the Web pages can be used to emphasize the main body through rational grasping and application. In the order of the master-slave relationship at the spatial level, the enlarged main body image becomes the visual center, in order to express the subject thought; it is helpful to set up a variety of information in the document, which helps to establish the main body image, and to add some blank in the surrounding of the main body image, it can be emphasized that the subject image is more striking.

(3) The density has the degree, the patchwork. The content arrangement should be properly left blank, appropriate use of space, change the word spacing and line spacing to create changes in the effect of symmetry in the use of symmetrical beauty, but also to take into account the asymmetry of the United States; in the use of color and form can be used appropriately contrast, such as black-and-white contrast, round and square contrast, etc. In order to form a distinct visual effect.

(4) illustrated, complement each other. text and images have complementary visual relationship, if the image on the page too much, lack of text, will reduce the information capacity of the page, and if there are too many words on the page, it will appear to be rushed, lack of anger. Therefore, the ideal effect is to make the image and text reasonable collocation, each other as a foil, so that the page can become active, but also make the page rich content.

Overall layout, harmony and unity, primary and secondary trenchant, center prominent, density and degree, patchwork, illustrated, complement each other. When you put these 4 big website layout principle to use well, come back to see your website, is not reasonable a lot? Does the user experience improve a lot? The overall site is not a lot of professional?