Handbag Banner Diagram Template-About Banner Design

What is a banner and how to design a good banner map? 1. First of all, we should know what the size of the banner picture is and what the theme style of the banner picture should look like, because this involves the main visual effects of the banner picture, including its structure and color.

2. After determining the theme style, we will collect materials, including background patterns, element collection and copywriting.

3. Determine the overall layout of the banner map, including the layout structure of the main elements, the size of the text, the proportion of each small element, and the confirmation of the position.

4. Edit the element. Many times, the elements we collect cannot be used directly. At this time, we need to edit the elements first, including the matting of the picture elements. Of course, there are other simple methods, depending on our specific operation.

5. Combine elements and edit special effects, including color gradient and layer blending options.

6. According to the purpose of the banner map, save it in the corresponding format and display it in the network environment. In general, you will choose to save it in jpg format, but at the same time, Bian Xiao suggests saving a source file for later modification.

What are the reference fields of the banner? 1) People can often see advertising banners or focus pictures on various websites of different sizes, but their common function is to guide you to click and render the atmosphere in various ways.

2) It can usually be seen on the special pages of various game websites, real estate websites and various activities, which is often called the headline. This type of banner usually does not guide users to trigger clicks, but serves the content and renders the atmosphere for the whole page.

The banner contains three parts.

1. Text (dominant)

Everyone knows that our ability to interpret information from graphics is greater than simply reading words, but in banner's design, in most cases, we understand information through words, and the knowledge of pictures plays a foil role. In the time allocation of banner, glyph processing may take up 50% or even more time.

1) needs to deal with the negative content of the copy.

Make the content more in line with information transmission. If the main target is too long and the demander is unwilling to delete the text, the important keywords of the main target are emphasized, the main information is highlighted and the non-keywords are weakened. The whole text is too short and the picture is empty. You can use some auxiliary information to enrich the picture. Such as adding English, domain name, channel name, etc.

2) Font should be considered.

The text mainly contains the title and auxiliary text. The title part generally needs some design processing to improve the artistic sense and attraction of the picture. Pen writing is a clever method in font design, but it is very effective. Stroke connection, when doing stroke connection, only arrange the strokes that need to be connected reasonably, and do some simple modeling at the ends and edges of strokes, then a better visual effect will come out. It is recommended to use some non-serif fonts with uniform stroke thickness when connecting strokes.

Shape substitution: a method of designing glyphs according to the specific meaning of words. For example, replace the word "time" in the copy of selling watches with clocks and watches. Selling clothes, changing the word "Zhuang" into a group of clothes, etc. , often bring novel visual effects.

3D design: If you want to highlight the characters in banner, making the characters into 3D effect is the most "rude" solution, and you can achieve good results as long as it is handled properly. You can make simple three-dimensional effects by moving multiple copies of text or repeating deformation.

Introductory words or secondary information are generally treated in a low-key manner, and some commonly used fonts are generally used. Just two fonts is disgusting, too many will make the picture lose. If you use some commercial fonts, you need to pay attention to the licensing issue and avoid some legal disputes.

Ordinary fonts can be rejuvenated in some simple ways.

Font processing:

1) Add a background to the word, which can highlight the text and open the level of the word background.

2) Tilt the font, and the whole look will jump a lot.

3) It can be said that it's never too bad to cut the text diagonally to break the boring layout.

2. Main visual map

The main visual part generally includes product drawings, task models and so on. The selection of product drawings should conform to the meaning of the topic, but most of them will provide materials, so we don't need to spend too much energy. It should be noted that when using auxiliary materials, you must ensure that the pictures are clear. When some pictures are not clear, you can use the flower filter to process them. Deduction of some pictures and adjustment of the operation of picture color lights are common skills.

3. Background

The background part can set off the whole atmosphere.

Three background types:

The first one uses a solid background, which usually makes the whole picture look fresh and concise.

The second is gradient, which can increase the design effect and make the whole picture more beautiful. Generally, some science fiction can do.

The third type is with complex background, which is generally used in special topics to contrast the characteristics of the theme.

The choice of background needs to be determined according to the style and theme of the website. For example, the historical feature channel will choose complex background pictures to set off the atmosphere. A website with a fresh and modern style may choose a light background. When the contrast is insufficient, you can blur the background behind the text and dilute the background color.

About banner designing a complete banner includes five components: copywriting, sample goods, background, embellishment elements and logo.

Decorative element

1. The function of modifying elements:

(1) visually enriches the picture, making it more harmonious.

(2) From the marketing point of view, render the atmosphere, give people a sense of pleasure or excitement, and increase users' clicks.

2. The existing form of decorative elements

(1) The commodity itself is both the main body and the decorative element.

(2) Hand-painted graphics as decorative elements

(3) Light spots are used as decorative elements.

(4) Color blocks are used as decorative elements.

(5) Use various liquids and powders as decorative elements (such as splashing ink, milk, water, beer, etc.). )

(6)_ Tao is dry.

(7) Use various texture patterns as decorative elements.

(8) People as decorative elements

(9) Signs or words as decorative elements

3. Acquisition method of decorative elements

(1) element extraction method

Products and materials echo each other, or elements related to product materials are used as embellishment elements.

(2) Correlation divergence method

From the literal meaning or deep meaning of the title, from the unity of style, from the artistic conception, lovely banners often use hand-painted stick figures and other decorative elements.

4. Matters needing attention in decorating elements

The number of decorative elements should be moderate.

Figure 1 is equivalent to a banner without decorative elements or with decorative elements similar to the background. Figure 2 is equivalent to adding an appropriate amount of decorative elements close to or related to the main body. By comparison, it is found that figure 1 is monotonous, while figure 2 is fuller.

The same number and color of decorative elements, different processing methods bring different visual feelings.

The number of decorative elements in Figure 2/ Figure 3/ Figure 4 is the same, but after Gaussian blur or dynamic blur processing, the picture begins to have a sense of spatial layering and is more agile.

Some articles about banners

1.

6 Skills of Using Decorative Elements