Design theory: The principle of balance of Web page layout

A few years ago the design of the Web page is also considered as a design, but with the popularization of the network, the overall development of web design has been greatly improved, more and more designers have made a web designer!

At present, the network on the production of various tutorials on the web has been quite a lot, you can easily learn the latest technology and skills. However, the design of Web pages, such as the realization of design inspiration, style determination, development strategy, technology screening and other articles are relatively few. So for this, our sharing will please visual designer Chinglin to introduce you to the experience of web design, mainly on the balance of page layout, to communicate with you. If you have good advice and experience, you can also leave a message, talk to each other, in this first say thank you, then start our web Design tour.

Page layout and newspaper layout design

Web design is like a traditional newspaper and magazine, we usually think of the Web page as a newspaper, or a magazine for layout. But printing and networking are not the same.

Traditional layout typesetting is not suitable for network, because the traditional printing layout, almost want to what kind of plane effect can be achieved well, but the design on the network is very difficult, although many of the effects can be through some JavaScript or advanced CSS techniques to achieve, but the result is that the use of your source code is very bloated, Web page loading is slow.

And similarly, many of the layout layouts on the Web are different from traditional print printing, Billan This is two things that are long time apart. However, in recent years, we have found that more and more newspapers are beginning to use web design layout, such as a large number of page white and web-based design. At the same time, we can learn from the layout of traditional newspapers to get a new creative design inspiration.

El Economista (Madrid, Spain)
Economists report to Madrid, Spain
El Economista uses a very traditional, reserved, unique newspaper layout and bulletin that highlights more important articles in print. Picture information supported by the content and title, surrounded by a large number of blank, we can see this layout is very web-style.

Let's take a few simple examples to look at the balance of layout from four aspects, namely, white, color, text and rhythm.

Leave White

This is a real estate advertising design, you can see a good use of white

Color

The balance of color

Text

The balance of text composition

Rhythm

The method of rhythm expression can be summed up as speed (fast, slow), power (light and heavy) from the dominant behavior, and can be summed up and dispersed from typesetting. The direct effect aroused by the use of rhythmic expression means can be roughly summed up as tension, relaxation, tranquility and restlessness.

If in the painting practice to a line or a color in the speed of use caused by the difference, the screen results can directly lead to visual and psychological tension and relaxation. Similarly, in the site design, for points, lines, planes and other elements, in order to centralize or disperse the differences in the arrangement will lead to visual and psychological tranquility and restlessness.

OK, this issue will be shared here, the following provides a wonderful ppt of Master Yuan for you to download

Http://www.webjx.com/files/soft/1_090308165115.rar