Banner Map design of the product map how to play

First , get a banner design requirements, what should we do

To receive a banner diagram design requirements, the first thing should be to understand the following points:

1, Banner Map is for what activities, what purpose and design

We need to know the reason for doing this, for whom, for example, for a special holiday event or for a single product pre-sale, is higher end of the atmosphere on the grade line, or go to promote the popular popular route and so on, because these related to banner chart design style choice ( May ask the demand person to see him to have what reference chart may provide to you, do not be shy ~)

2, the main subtitle, Interest points and other copywriting information confirmation

In general, we can look for inspiration from the copy to determine the design direction, in order to avoid the design direction of error, so we need to confirm the good to do, and then even if only a simple text typesetting, in case of follow-up and copy of the changes or the number of words or deletions, it is troublesome.

3, this banner picture is put in which position to drop

This is mainly to consider the relationship between the banner map and the surrounding, such as home banner background color to avoid and left navigation background with the same color, if the placement of the location around is lively map, then you can try the quiet, large area of white, with the surrounding contrast.

4, communicate with the needs of people to listen to TA's views or suggestions

We as designers may be more professional in vision, but do not also listen to the operation or demand side of the view or experience, because click on the data to master them, they may be more than we know what users like, what they need, while they are often the decision to say OK people, but not to say completely listen to them, We have to have the ability to judge, for their opinions or views appropriate guidance and trade-offs (this process can show the professional quality of designers, to increase goodwill, and thus easier to draft).

5. When is the deadline?

This everybody knows, good design is need time, suppose there are several design direction can choose, if time is abundant of course choose that optimal plan, if time is more hurry, that chooses that not to be wrong, can quickly realize plan slightly.

　　Second, understand the above several information, the mind should appear some style positioning keywords:

Promotional, lively, big, simple, lovely, sedate, fashion, literature, some specific elements (festivals, seasons), well, in fact, these keywords are often one or more at the same time appear in a banner ads, we look at some cases:

Key words: big, steady

When it comes to big cards, we look at it and feel it:

1, the background of a large number of white.

2, a single color, common black, white, gray as the main color (because these are no color, it exists only to highlight the subject).

3, the product or model must be big enough (not refers to the font or logo oh), intercept part of the details of the show (because it is so confident).

4, do not need too much copy description, sometimes just a logo placed in that good (as if to say: "You love to buy it)."

5, need to explain, this kind of high cold comparison applies to digital electronic products, luxury brands, etc., highlight bigger.

Keywords: fashion, quality sense, promotion (fashion sense is greater than promotional sense)

Usually is not often meet others to you say both big and sales promotion unreasonable request? Next time to correct it, is both fashionable and promotional, not both big and promotional, like you said a person he wears a good fashion ah, because fashion does not have to pay a large price to achieve, and the big cards really need a lot of money to be achieved, And sales reps discount, low price, lively, this is contrary to the big cards.

This analysis will find the following points:

1, pay attention to typesetting, text structured typesetting, such as left to Zishing alignment, center alignment, not to do some weird font deformation, but there is a highlight of the text information amplification form a face, press the overall situation, appropriate to leave white.

2, color will not be too much, 3 kinds of at most (if the product itself is colorful is another matter), color reference to the product itself or adjacent color to extract, only a need to highlight the text information will be compared with the contrast of the larger color, such as discount information or important functional information.

3, the commodity angle wants to look good, the quality should be high (common commodity angle: 45° angle, leans over, the horizontal level, may not make the whole out a looking up ... )

4, general will have the main title, subtitle, interest point of these several copy information, the interest point is big.

5, this general comparison is applicable to fashion-related beauty skincare, men and women shoes bags, accessories, food, mother and child will also have.

Key words: Lovely, lively, affinity

This is more suitable for food, lovely clothing, mother and child category, because these attributes and these categories are consistent with the characteristics, to give people lovely, delicious, sweet, affinity feeling.

This analysis will find the following points:

1, a lot of merchandise, the screen will be more full, there will be many small color blocks, hand-painted graphics what embellishment.

2, color rich, soft color, warm, warm feeling

3, there will be a particular outstanding information, but the overall picture and pay attention to the proportion of harmony (I will specifically refer to this piece)

In short, the overall picture feeling is not offensive, is friendly and enthusiastic.

Key words: Elegant, quiet, large area of white, literature, simple

This is more suitable for home, tea, cloth, cotton, linen, women, literature, Japanese clothing shoes bag (in this impetuous society is to need someone to do that quiet beautiful woman, to ensure social harmony and diversity, you say is not AH)

This analysis will find the following points:

1, super large area to leave white, things are small (this point with the above mentioned big names are diametrically opposed, although are large areas of white)

2, a single color, to light gray, light blue white, off-white, brown, saturation and low purity of the green color, such as the majority

3, copy is either very little, or a lot, but are touched by the small emotions of some words, and small placed in the picture

In short, if you are surrounded by such a woman, you observe her you will know, is such a quiet and elegant, do not love to talk, faint like a gust of wind blowing.

Key words: promotion, good form sense (promotion to sell goods for more purpose)

This is more suitable for the tail cargo clearance, comprehensive sales promotion activities, suitable for any category (the common roadside booth design I do not give examples, we are interested can find their own, a lot of OH)

This analysis will find the following points:

1, either the copy is super many, either the product type is super many, either the copywriting and the category are super many

2, color diversity, less white, pay attention to typesetting, selection needs to pay attention to color and shape selection (which I will mention later)

3, eye-catching big sale or price information, is to tell people all over the world I am now very cheap ah come and buy me ah (is so warm ~)

In short, it is like a passionate promoter, at the same time dressed very nice, holding the horn shout: the entire clearance sale, quick to see Ah, you bought do not suffer, you bought not fooled AH-)

Key words: Promotions (Compare Diao Promotions)

This is more suitable for Business shop banner map or physical store promotional signs, because there is no banner map, but because you are in the shop inside, who knows what you want to sell.

This analysis will find the following points:

1, a sense of form, big sale and red background to tell you, well, others are to promote the ~

2, Hum ~ Don't tell you I want to promote what, you guess Ah, you have to point me to my point I just tell the answer oh (very proud of it)

In short, this is either to attract a bit of curiosity of consumers, or to attract already old customers, the use of physical stores is more common.

A banner graph is composed of the following elements:

So do we see the importance of goods or models and copywriting information in a banner diagram? It says so much, am I like off? It is not, it is equivalent to the rules of the game to clear first, then I specifically say this game how to play.