Banner design template-Do you have a banner map template? What is a good design?

Operational considerations | How to make a Banner in mobile products? Banner itself means banner. In the App, banner is a very important resource bit, the most eye-catching place in a page, and a location with a large traffic.

Banners usually use a combination of graphics and text to display key content and are often sold as advertising resources.

1._ Fanbi Lu dang

Confirm the update frequency according to the position of the banner. The higher the general 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, it is necessary to actively communicate with the product manager and 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) products/commodities to be promoted.

The weekly banner display tries to cover the above three columns to keep the content flexible and fresh. Prepare banner content one week in advance and determine the schedule.

3. Manage through the scheduling table

1. Unified design template

The picture below shows three banners displayed in the banner position of a hotel App 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.

The above apps have been templated banner, and the overall look 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, banner design template for regular columns is very important. Need to communicate with the designer to confirm the following contents:

(1)banner's overall visual style, select the color gamut range and picture style of the background picture (please pay attention to the picture copyright 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 map.

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.

Does the banner picture have a template? What is a good design? There are mainly the following situations that can be used for reference:

Bolder fonts, clear text levels and contrast will make the words bigger.

I believe that when many people design for Party A, the easiest sentence to hear is "the word is not big enough". Some designs have quietly increased the font size, but they still can't achieve the effect that Party A wants. Pay attention at this time. When Party A says that the font size is large, it is not necessarily to adjust the font size, but to make the theme of the words in the picture more prominent. When there are no words to compare, reducing the font size of secondary information will make the level of words more distinct, and the subject words will also appear larger. The use and deformation of boldface can make the text appear thick and enlarge. In addition to boldface, "heavy" fonts similar to boldface can also achieve greater results.

2.

Low saturation color, serif font and proper white space will make the design more advanced.

Party A said "not advanced enough" and translated it into the language of graphic design, which is nothing more than restraint. The restraint of color collocation is to use colors with low saturation, such as Mo Landi color system, or black, white, gray and gold embellishment. Font restraint is reflected in fine fonts and serif Chinese fonts, which are also the favorite of major luxury brands. In addition to color and font, the sense of advanced layout is mainly reflected in the blank area of the layout, and the design with advanced sense will not fill the whole screen with elements.

3. Bright colors, rich elements and full layout can enrich the design.

PS tutorial: Korean web page banner synthesis method Today, I saw a Korean template PSD and analyzed the production of banner.

Look at the finished product first.

When I design banner, I often find a suitable photo and add words. It's hard to piece together some pictures.

Even if it is pieced together, putting two pictures together is basically a gradual change.

But this time, let's take a look at how banner in Korea are designed.

First, let me break it down one by one.

This is the last background picture, blue sky and white clouds, and then

Add a layer of white clouds on the original basis. This time, the first floor, in turn, brightens up.

Then add a picture of the cut tree in the upper left corner and build the house.

Next, put the dug house on the tree. Let me talk about this house. If you look closely, it is an ordinary photo, without any special treatment at all. Banner in South Korea seem to be mainly pieced together, and the first test is the skill of piecing together.

Then look at the next floor.

This photo of the grass is easy to find. The default wallpaper of XP is like this, cover some streets at the bottom of the house a little, and then prepare to add trails.

The addition of this path adds a strong three-dimensional sense to the house and the whole picture.

Finally, add a layer of small trees beside the path.

The designer carefully added a shadow under the small tree.

Finally, add the big tree and words on the right, and the whole banner is designed.

From the above analysis, it can be seen that designers can piece together a banner according to the problems expressed by the website.

First of all, pay attention to the skills of matting. The leaves of big trees and the grass on both sides of the path are more difficult.

After many times of practice, we can better master this banner making method. This will help us to design more distinctive flags in the future.