The plane structure in web design

Everything can not be separated from the foundation, the building needs the foundation, solve the equation need to learn to multiply table, singing needs first will be "duo, Come, MI." Page design also needs the foundation, this foundation is the plane composition. A variety of web design styles, to remove some of the scene of the design and give the strength of the material support, the rest of the whole depends on the plane composition and typesetting. First contact with web design, often will drill to a local, page style has not appeared, began to do font details, the results can be imagined slightly. After a period of study and practice, found that the original web page and painting is the same, first put the content and ideas are thrown up, layout the overall style (here is needed is the plane composition ability), and then slowly refine the contents of each part.

First, the basis of the basis: dot, line, surface

The point constitutes the line, the line constitutes the plane, these are the plane constitution basic element, is also all plane design basic element. So what is the effect of applying the basics to Web design? Dot, line, plane these three things do not simply refer to a point, a line, a plane. We should be good at using the layout of text and graphics, to add effect to their own web pages. Every text in the Web page, every point, every graphic is the composition of this page, text can be composed of graphics, graphics can also compose text, these are not limited to death.

such as the composition of the picture, seems to have been forgotten in the university and high school, when we are all kinds of colorful pages to understand the eyes of the time, looking back on the basis of the plane composition patterns, there may be some new inspiration and ideas

The point composition is used for finely-grained things, integration arrangement and text typesetting. A centralized and orderly arrangement that captures people's vision as a whole

With a main line to split the screen, the line passed where there is corresponding content echoes. The picture becomes lively and interesting because of this line, and because of its segmentation function, the integration plans different content areas

The line composition is used for decoration and segmentation, and it also has a coherent function. Lines have a certain guiding role in reading order.

If the composition of the point and line is mostly the detail processing, then the composition of the surface directly affects the overall style and layout of the Web page, and the line collocation constitutes a spatial perspective effect.

Different surface shapes, showing different visual effects

Ii. the embodiment of various forms in the Web page

The form of planar composition in the Web page is common: gradual form, launch form, contrast composition. Gradients also have shape gradients and color gradients. These forms of expression that enrich the picture, but also reflect the overall atmosphere of the Web page

Web design is not a simple drawing, but also need to consider the functionality and reading, so the color gradient becomes a common expression in the Web page, shape gradient is rarely seen

Using the way of lightness gradient to show the map background, a good display of the map style, but also not because of the complexity of color and can not see the main content.

The launch form is not conducive to the reading of text and overall layout, so the general launch form is used for background pictures, or some small detail processing.

Strong color contrast will also cause people's visual stay, this contrast method is commonly used in the opposite state or have the positive and negative phrase of the page, but also sometimes appear in the Q version of the cartoon page, contrasting colors bright bright, reflecting the children's colorful world.

Third, the texture effect

Texture effect is divided into: visual texture, tactile texture of two. We are using the network media, can not achieve tactile texture, so we often use visual texture, from the visual stimulation of the reader's feelings, so that they start from the eye to a certain texture of the association, think of a scene effect. Strong texture of the page more for the game website, theme and strong, but also more with the game UI application in the page

The plane composition content many and for all Design Foundation, here only gives everybody to share some in the webpage design often uses, meets several basic points. Network development has become an indispensable part of our lives, we from newspapers, magazines to Web sites, Web pages, electronic books, graphic design from the paper to the screen, the difference between them, those suitable for paper design can be fully used in the current web design? Our present design is based on the original design, What kind of change and development? These are our future web designers should think and explore.

Note : For more wonderful tutorials, please pay attention to the triple web Design Tutorial section,