Excellent web design must focus on the unity of text and pictures

Now visual experts show that users browse the site according to the "F" type of visual route. We look at everything from the top down, the highest left corner is the most obvious, is also the first to be seen, this has been all the site has been used, we usually put the company's logo, the name of the site placed in this position. Next to see is the middle of the left part of the area, most of the electric dealers in the region are pleased to put the product section, so that users find. Finally, the bottom part of the content. Understand this rule, when we design the page to know how to do content, how to let the content with pictures, to achieve harmony and unity.

The unification of words and pictures is the unification of form and content.

Text slogan is one of the elements that attract attention, with a bright-tone button icon, instantly let the page full of vigor, beauty, to the viewer rich visual experience.

As shown in figure I: Up and down with a pink icon, position on the formation of a tilt angle of view, with a marked reminder, the overall sense of harmony to achieve a unified effect.

Figure two: The bottom Figure 4 Small icon button, with text, each icon picture image expressed praise of it, collection, sharing, the significance of the report, regular and vivid, this is the unity of the text and pictures, that is, the unity of form and content.

Let the text fly

Use paragraphs, bold, italic, reference, underline, or letter case to match some diagram shapes ..., these can make the text part more visual impact, the text of the creative choreography more conducive to viewers to read. Of course, you can also make the words that you think are important to emphasize.

Figure: The combination of text and pictures, make the content of the expression more meaningful, deepen the impression of the viewer. A design like this is the easiest for users to accept and remember.

Take pictures correctly

The general user to the picture is a view of the past, when we are in the process of design how to use the picture? Let the picture to render the page, to ensure the overall beauty of the page? Select the picture to ensure that they are not cluttered, the picture content to correct the text theme, color collocation to be reasonable, be understood, not too fancy. Whether it is the size of the picture, style should be combined with good text plate, so that the overall page effect coordination has a layered sense.

The text blends the picture, the picture modifies the text. The picture blends the text, the text decorates the picture.

Any page design is a combination of words and pictures. Text into the picture to do collocation, it is rich in the vitality of the text, and the picture plus the corresponding content will constitute a beautiful melody notes. The entire webpage is live, can communicate with the user, common. The overall aesthetic sense of the Web page comes from the unity of form and content.