Layout design of Web pages (eight)

Design | Web 6. Tilt Type
Page theme image or a number of pictures, text for tilt arrangement, forming a sense of instability or strong dynamic, eye-catching.
7. Symmetrical type
Symmetrical pages give people a stable, rigorous, solemn, rational feeling.

Symmetry is divided into absolute symmetry and relative symmetry. A relatively symmetrical approach is generally used to avoid rigidity. Symmetrical page layout is more common.

The four-corner type is also a symmetrical type, which is to arrange the corresponding visual elements at the corners of the page. Four Corners are the boundary points of the page, and the importance cannot be underestimated. Anything arranged in four corners can create a sense of stability. Control the Four corners of the page, also control the space of the page. The more messy the page, the more attention to four corners of the control.

8. Focus Type
The focus of the page layout through the guidance of the line of sight, so that the page has a strong visual effect. The focus type is divided into three different cases.

(1) Center with a strong contrast of pictures or text placed in the visual center of the page.
(2) the centripetal visual element guides the visitor to the page center to gather together, has formed a centripetal layout. Centripetal layout is centralized, stable, is a kind of traditional method.
(3) The centrifugal visual element guides the viewer's view outward radiation, then forms a centrifugal webpage layout. Centrifugal layout is outgoing, lively, more modern sense, use should be careful to avoid clutter.

9. Triangular type
The visual elements of the Web page are arranged in triangles. The positive triangle (pyramid type) is the most stable, and the inverted triangle produces motion. The side triangles form a balanced layout, which is both stable and dynamic.

10. Free Type
The free Type page has the lively, the brisk style.

(The above content extracts from Gu Qun industry and so on "webpage art design" a book, Shandong Fine Arts Press publishes. ）

Figure 26: The text horizontal arrangement, will draw the frame to slant, produces the contrast and the movement potential, the impression is strengthened.
Figure 27: Navigation pages made with relatively symmetrical methods.
Figure 28: Through the centrifugal layout, clearly convey the service provided by the website.
Figure 29: The overall look is the composition of the triangle, the main image is stable and prominent.
Figure 30: The image that guides the sight is composed of scattered points, conveying a casual, relaxed atmosphere.