Necklace banner material-how to find Taobao banner background material?

Understand the concept and application of banners.

1. What is the banner?

Banners can be used as Banner advertisements on website pages, flags used in parades, and headlines in newspapers and magazines. Banners mainly reflect the central intention and vividly express the most important emotional thoughts or propaganda centers.

2.2. Specific forms of banners

Generally, it is in the form of a long picture placed at the head of a web page. A higher picture. Various graphic shapes with different lengths. Whether it is a sidebar advertisement, a focus map or a title map of a topic page, we can all understand it as a teacher banner. In terms of design method, it is actually * * *.

3.3. The purpose of the banner

1) People can often see advertising banners or focus pictures on various websites, big or small, long or short, 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.

Here's a brief analysis of the routines made by Banner, as well as the accumulation of daily materials and the thinking when dealing with unexpected tasks.

As designers, at work, we may encounter the situation of giving the scheme in the afternoon and leaving banners before work. Maybe we are familiar with banner's production method, but unexpected situations always catch us off guard.

The result of being caught off guard will lead to the decline of our design output quality. After all, reasonable time guarantee is very important for design.

The method of making banner quickly mentioned below requires our usual accumulation and rational use of design software.

Banner's structure is roughly divided into three layers: background layer, decoration layer and copywriting layer. The background layer will establish the style or color matching of the overall banner; The decorative layer plays a decorative role and can control the balance of the overall layout; The copywriting layer is the display of the core content, mainly showing the main characters. The three levels combine with each other to support the whole banner.

Banner's common typesetting: ① left and right typesetting, ② center typesetting.

Due to the limitation of the number of words in copywriting, the choice of collocation elements and the attributes of products, the choice of format needs to be judged according to the actual situation.

Common banner composition styles include: tiled, encircling, oblique cutting, oblique cutting, radial, equidistant, triangular and so on.

Background layer, decoration layer and copy layer are closely related.

For example, if the design of the background layer is too complicated, the processing of content and text will tend to be concise, and vice versa; And the decorative layer does not have to exist in every banner. When the content in the background layer is already rich, you can delete the decorative content.

When the background is solid color, it is necessary to add decoration appropriately. You can also process the characters to increase their attractiveness and avoid the monotony of the whole.

The background can be roughly divided into four types: appropriate graphics, fonts, colors and pictures.

Pictures include realistic pictures and cartoon pictures; Colors are divided into solid colors or gradient colors; Font enlargement can also be used as background; Vector diagrams contain many combinations. Simple circles and squares. You can even use a combination of points and lines in the background. Whenever the festival approaches, it can also be designed with some suitable festival-style graphics.

Decorative embellishment should be icing on the cake. You can't blindly add too many decorations because of visual effects, which will mislead users and cause confusion. It is not conducive to the spread of copywriting content.

Proper embellishment and decoration can make the page avoid monotony; It can also balance the elements of banner and make the visual effect more harmonious. At the same time, the use of words is also the key to decoration.

For example, depending on product attributes, financial banners can be matched with smaller or thinner fonts. At the same time, point distribution is used to create a high-end feeling; E-commerce banners can be decorated with gradient circles or lines. The purpose is to create a cheerful and promotional feeling and attract users to click.

① In the design of ①banner, the number of copywriting words is also very important. Too much text or complex content will not only make users know the content of the copy, but will make users feel trouble. I understand the original intention of the partner who gave the designer the content to explain the activity clearly. However, at the moment of paying attention to the user experience, people's patience is obviously unable to accept pictures with too many words.

Therefore, when we receive too many words in the copy, we should put forward our own ideas decisively at the first time. The selling point and pain point in the copy are the two most important parts, and other contents can be omitted.

At the same time, too many words is also a difficulty in our design. For a small picture, just putting a few lines of text may not be able to arrange other layouts.

② Fonts are mainly divided into serif fonts and non-serif fonts. The strokes of serif fonts are decorated in different thicknesses, refer to Song Ti; Non-serif fonts are horizontal and vertical, and the strokes are consistent in thickness. Serif fonts are mostly used in banner design with classical or national style. Sans serif fonts have a wide range of applications and can be used on most banners.

(3) Copywriting is divided into main headings and sub-headings. The main title is naturally the most concise and eye-catching part, while the subtitle can be an explanation of the main title or a new copy after the main title. Distinguishing matching helps users distinguish primary and secondary copywriting in the first time, making the page more coordinated.

Good color matching needs a certain color matching foundation and the accumulation of daily practice. But under special circumstances, obviously it won't leave us much time on color. Therefore, we need some auxiliary ways to complete the color matching work.

Here I recommend two websites: ①

/

②

The first website will recommend many good color schemes, many of which I personally like; The second website is the color part of materialdesign official website. Among them, Colorpalettes are automatically generated after we input colors.

With the color matching blessing of these two websites, the time for designing banner will be greatly shortened.

When banner's design is completed, our work may not end there. At the beginning of designing APP products, if we design banner areas with different sizes in many places on different pages to facilitate operation and promotion, it will be a headache for us to modify these sizes later. Maybe we need to change a picture into seven or eight banners. And some pictures are irregular in size.

Therefore, we should think of this situation at the beginning of designing the APP. When designing banner, set a unified scale to facilitate later modification; At the same time, we should use the function of smart objects in photoshop to modify the size quickly.

To design a banner with good effect in a very short time, unless I have strong ability or self-confidence, the way I can think of is to "accumulate" on weekdays.

The background and decoration mentioned in this paper are the contents of fragmentation splicing. We can design enough materials at work or on weekdays, so it is beneficial to splice when time is tight.

In terms of words and fonts, we can analyze some "routines" in the usual copywriting; Analyze several frequently mentioned words or titles with high similarity to design fonts.

Whether it is simple or complex, organize and summarize the elements and materials made on weekdays and establish your own material library. In this way, in the face of unprepared tasks, we will not panic. Petals or eagles are two good materials classification tools.

When it comes to plagiarism, we have to mention another word "plagiarism". In fact, the identification of plagiarism is a matter of opinion. Everyone has their own boundaries. And the way I can think of to avoid plagiarism is to "deliberately change." Take the villain below as an example.

When it comes to plagiarism, we have to mention another word "plagiarism". In fact, the identification of plagiarism is a matter of opinion. Everyone has their own boundaries. And the way I can think of to avoid plagiarism is to "deliberately change." Take the villain below as an example.

Like the daily collection and arrangement of elements, templates need to be prepared in advance. We need to find the right product positioning and design a template tailored for banner in the past. You can refer to the prototype to make a black-and-white typesetting style.

As for the size problem mentioned above, we can quickly modify the size of banner in batches by placing linked smart objects.

(1) Filter out banners with similar size or shape;

(2) Find out the key banner size as the benchmark for drawing;

③ The height range of copywriting text in banner should be within the size range of banner with the smallest height among many sizes.

④ Design in the datum dimension drawing. Open PS files of other sizes, and select File-Put Linked Smart Objects-Resize. In this way, when I need to adjust, I only need to modify the benchmark banner map.

As a designer, I believe I don't want to meet the situation that requires temporary drawing. But we also need to be prepared for this situation to ensure the quality of our design output when time is tight. Therefore, daily collection and accumulation is particularly important.

How to find the background material of Taobao banner? BannerMaker background You can find the material on some photo websites.

BannerMaker is usually 950x 120 in size. The format is jpg and gif.

If you can't find it, you can do it yourself. The font is square, thick, brown and black.

Civet e-commerce ~ ~ ~