The common composition method of website advertisement

Follow the principle: The main body outstanding, the visual balance.

Why:

1 The main body can have the communication ability, can effectively express the theme of advertising language.

2 visual balance in order to meet people's visual habits, look comfortable, in line with the visual experience of the ordinary person.

　First, the proportional relationship:

1, the proportion of the main picture is generally about 1/3 of the whole banner, margin is about 15PX.

2, the picture as the main body composition: text information about 1/5 to 1/2 of the picture, not more than 1/2; the size of the area is mainly determined by the number of characters.

Need to emphasize the primary and secondary relationship, the primary and secondary slogan of the text needs to be highlighted, introductory text can be diluted.

3, Logo vision does not need to be too prominent, can be clearly identified;

In the determination of good text and picture position relationship, but also need to consider the hierarchical relationship between the text, each ad will have the theme text, not all text to maintain a consistent effect; The text level is clear, users are more likely to see eye-catching text, that is, we need to promote the topic.

　Ii. Position Relationship

1 picture text about the relationship

Theme vision and copy of the formation of the position of the relationship, this layout is in line with the user's browsing habits, is one of the most common layout way, suitable for advertising in the main picture color more exciting eye-catching products. The picture naturally attracts the user's vision, then the line of sight gradually moves to the text;

According to the layout of the main map, you can also choose the text on the left, the picture in the right way

The following ads, product map is a long strip of shape, occupy more than half the width of the screen, so that the left side of the gap used to display text;

In turn, let's look at the figure below, if we're still typesetting, the final effect may be the effect of the following diagram, such a composition is very beautiful and unreasonable, because the text area appears to be particularly stingy repression, and the left side of the picture to form a large gap, so that the screen is divided into a number of unreasonable areas. So, not suitable for text right picture left typesetting.

2) Upper and lower relation

This type of typesetting is generally used as the main picture of the majority of the screen wide, the following figure, car pictures so that the screen has no space, so you can put the text on the top left.

Conversely, the same product, if the angle is not the same, in the picture does not account for most of the width, or can choose the left and right layout. This time if still up and down the layout, we see what will be the effect, is not feel the screen is particularly empty.

3) Free Form layout

This kind of layout is more difficult to grasp, because it is a kind of breaking the conventional rules, but there must be followed the design of the way, in the ads generally appear in the more lively atmosphere, such as activities advertising, personalized product advertising.

Screen elements appear casual, but in fact follow the principle of visual balance, easy to read, not messy; the left text and primary relationship is obvious, the text area and picture area can form a balanced relationship, the visual flow of the relationship between the clear.

If the "free" row, like the one shown below, has no art, random stagger, let the user how to read, causing serious obstacles to users, so it is undesirable.