Banner itself means banner. In the app, banner is a very important resource, is a page in the most eye-catching place, is also the location of the larger traffic.
Banners usually use a combination of graphics and text to display key content, and are often sold as advertising resources.
1.___FanǜWeiDang
Based on the location of the banner to confirm the frequency of updates. Usually, the more traffic the banner has, the more frequently it will be updated. The most important thing is that you should try to do it on a daily basis, not more than three days at the most.
If the traffic of the banner is very poor, the operation of the hard work done on the content of the traffic, you need to actively communicate with the product manager feedback, from the location of the banner design, display entrance to improve.
2. Determine the column
I give my operation of the product banner set up the following three types of columns (1) high-quality content display (2) user interaction topics (3) focus on the promotion of the product/commodity.
Weekly banner display try to cover the above three columns, in order to maintain the flexibility and freshness of the content. Prepare the banner content a week in advance and determine the scheduling.
3. Manage by scheduling
1. Unified design template
The following picture is the Banner of a hotel app, which shows three banners today
Although the image of each of them has been carefully designed, it looks very messy. I don't like this style, and the content and visual effect of the banner affects the tone of the whole product. So I think most banners should have a unified design style.
For example, the banners of the following products basically use a unified template.
All of the above apps have a template design for the banner, which makes the overall look more uniform and fresh. With a unified template, there is no need to update the banner every time to ask the design to do the picture, the operation can modify their own copy and graphics can be.
So, the banner design template for regular columns is very important. Need to communicate with the design, confirm the following:
(1) the overall visual style of the banner, select the color range of the background image and picture style (here must pay attention to the copyright of the picture)
(2) the layout of the text, confirm the font, font size, color and location.
With this template as a basic guarantee, the operation can quickly make the right banner picture.
Additionally need to pay attention to:
(1) Regular replacement of the template to avoid aesthetic fatigue.
(2) In addition to the fixed template, but also accept a variety of design. Still need to pay attention to the unity of the design style.
Banner charts have any templates? What kind of design is good?There are mainly the following situations can learn from:
More boldface, clear text hierarchy, there is a contrast will make the word bigger.
It is believed that many people in the design to the A party, the most likely to hear a sentence is, "the word is not big enough". Some of the design white silently adjusted the font size, but still can not achieve the desired effect of the party. At this time, we must pay attention to, the party said the word to be large is not necessarily to adjust the font size, but want to make the picture in the text of the theme more prominent. When there is no character for comparison, the secondary information to adjust the font size, so that the text of the hierarchy is more distinct, will also appear to be the subject of the word is relatively large. The use of bold and bold deformation can make the word appears heavy, thus appear larger. In addition to bold, and bold similar "heavy" fonts can also achieve a larger effect.
2.
Low saturated colors, thin fonts with serifs, and appropriate white space will make the design more advanced.
When the party said "not advanced enough", translated into the language of graphic design is to be restrained. Restraint on the color scheme, that is, more low saturation colors, such as Morandi color system, or black and white and gray with gold accents. Restraint in the font is reflected in the fine type and serif Chinese Song font, these two fonts are also the favorite of major luxury brands. In addition to color, font, layout on the sense of high class is mainly embodied in the layout of the white, a sense of high design will not use elements to fill the whole picture.
3. Bright colors, rich elements, layout full can make the design more rich sense.
PS Tutorial: Korean web page banner synthesis methodToday I looked at a Korean template PSD, analyzed the production of the banner.
First look at the finished product
I design banners often just find a suitable photo, and then add the text on the OK. Rarely do I put together some pictures
Even if I do, it's basically just a gradient to put two pictures together
But this time, let's take a look at how the Korean banner was designed
First, I'll break it down one by one
It's the last picture of the background, the blue sky and white clouds, and the next one
On the original basis of the white clouds, it's the first time that I'll add a layer of white clouds, and this time, it's the last picture. The white clouds, this time the first layer is reversed, brighten the processing
Then add a good key in the upper left corner of the picture of the tree, is used to cover the top of the house
Next to the key. The house is placed on top of the tree. I said the house, look closely is an ordinary photo, a little special treatment are not. It seems that the Korean banner is mainly made by the patchwork, the first test is the patchwork skills.
Then look at the next layer
This grass photo is very good to find, XP's default wallpaper is this, slightly blocking some of the street at the bottom of the house, and then in order to add a small road to prepare
The addition of this trail for the house and the whole picture adds a very strong three-dimensional sense
Lastly, in the trail next to the layer and then add a small tree
The designer is very good at adding a small tree
This is a very good example of how to use the banner to make the banner look like a normal photo.
The designer was careful to add a layer of shadow under the tree
Finally, add the right tree and text, the whole banner design is complete.
From the above analysis, it can be seen that the designer can be expressed in accordance with the website to put together a banner out of their own.
First of all, pay attention to the skills of keying, the leaves of the tree and the grass on both sides of the path is more difficult.
After a lot of practice you can get a better grasp of the production method of this banner. It will help us to design more unique banners in the future.