Banners usually use a combination of graphics and text to display key content and are often sold as advertising resources.
1._ Fan Bilvdang
Confirm the update frequency according to the position of the banner. Generally, the higher the traffic, the higher the banner update frequency. Try to work daily, no more than three days at most.
If banner's traffic is poor and there is no traffic for the hard-working content, we should actively communicate with the product manager to improve banner's location design and display entrance.
2. Determine the column
I set up the following three columns for my product banner (1), high-quality content display (2) user interaction topics (3) key products/commodities to be promoted.
The weekly banner presentation tries to cover the above three columns to keep the content flexible and fresh. Prepare banner content one week in advance and determine the timetable.
3. Manage through the schedule
1. Unified design template
The following figure shows three banners displayed in the banner position of a hotel application today.
Although each image is carefully designed, it looks messy. I don't like this style. The content and visual effects presented by Banner affect the tonality of the whole product. So I think most banners should have a unified design style.
For example, the banner of the following products basically adopts a unified template.
All the above applications have been templated for banner, and the overall appearance is more unified and refreshing. With a unified template, it is not necessary to design and make drawings every time banner is updated, and operators can modify the copy and drawings themselves.
Therefore, the banner design template of regular columns is very important. Need to communicate with the designer to confirm the following:
(1)banner's overall visual style, select the color gamut range and picture style of the background picture (please pay attention to the copyright of the picture here).
(2) the typesetting method of the text, and confirm the font, font size, color and location.
With this template as the basic guarantee, the operation can quickly make a suitable banner diagram.
It should also be pointed out that:
(1) Change the template regularly to avoid aesthetic fatigue.
(2) In addition to fixed formwork, various design methods are also accepted. Still pay attention to the unity of design style.
How to design an excellent banner picture with PS software mainly includes the following points:
(1) Color matching must be matched and visually coordinated.
(2) Elements should be simple, prominent and clear, highlighting the design theme and avoiding complex and cumbersome elements.
(3) The spatial planning should be reasonable to avoid the phenomenon that the elements are too dense and too sparse.
(4) When connecting, be too natural and nervous to avoid abrupt phenomena.
The specific design depends on the designer's grasp of the design theme, as well as his views on design and past experience. By strengthening and combining these exercises, we can design more attractive works.
Let's briefly analyze 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 that we need to give a plan in the afternoon and leave a banner before work. Maybe we are familiar with the method of making banners, 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 mentioned quickly 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 an ornament 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.
The common layout of Banner: ① left and right typesetting, ② middle 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: tile style, surround style, oblique cutting style, oblique cutting style, radial style, isometric style, triangular style 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 the content 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.
Decoration should be the 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, according to different product attributes, financial banners can be matched with smaller or thinner fonts. At the same time, use point distribution 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 focusing on 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 size picture, it may be impossible to arrange other layout designs just by placing a few lines of text.
② Fonts are mainly divided into serif fonts and non-serif fonts. The stroke decoration thickness of serif fonts is different, referring to the Song Dynasty; Non-serif fonts are relatively horizontal and vertical, and the stroke thickness is the same. Serif fonts are mostly used in banner designs with classical or national styles. Non-serif fonts have a wide range of applications and can be used in 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 and matching helps users distinguish the primary copy and the secondary copy in the first time, and makes the page more coordinated.
Good color matching needs a certain color matching foundation and the accumulation of daily practice. However, when encountering special circumstances, it is obvious that it will not leave us too 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 combinations, many of which I personally like; The second website is the color section of materialdesign official website. Among them, Colorpalettes automatically generate collocation 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 be over. At the beginning of designing APP products, if we design banner areas with different sizes in many places on different pages, which is convenient for 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 have thought of this situation at the beginning of designing the APP. When designing banner, set a unified scale to facilitate later changes; 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 short time, unless I have strong ability or self-confidence, the way I can think of is "accumulation" 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 good 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 the 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.
① Screen out banners with similar size or shape;
(2) Find out the key banner size and use it 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 datum dimension drawing. Open PS files of other sizes, select files-put linked smart objects-and resize them. 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 I need to draw temporarily. 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.