Analysis of Banner Design

Today, no matter any Internet products, need to carry PC platform to promote, Banner is a big weapon to promote, how to banner design is a need to explore the subject of research.

The size of the banner specification varies, file size also has a certain limit, which makes the design of a lot of obstacles, color can not be too rich, otherwise it will be in the size of the file distortion, soft text can not be too much, otherwise there will be no focus, outweigh the gains, how to grasp the balance between the square, become very important. Next, I for everyone to sum up tired some, if has meanness, please correct me, extremely thanks.

The first part: color

1.Banner Comparison with Environment

If you put banner on a Web site that is based on a light tone, it would be a good way to boost your users ' attention (and vice versa).

It can also be inferred that if you put complementary or contrasting banner on a color-focused web site, the effect will become more noticeable (complementary color and contrasting case).

2.Banner Color Simple First

(1) Imagine a banner colorful, is it possible to attract attention to it? First, compare

Which attracts your attention more? Most people will feel that the latter gives users more visual communication, concise, simple and powerful effect, give a person a sense of weight and strength. Although the former color is many, but did not bring a better visual transmission effect, why? Excessive use of color can disrupt the color rhythm, and weaken the contrast between colors, making the overall effect weaker.

(2) Secondly, the more colors, the last save when the file volume is larger, loading up slowly, so that users will be waiting to say good-bye, if by reducing the quality to achieve banner upload requirements, that show to the user is low quality banner, also will lose some users.

Therefore, the color is simple and powerful, loading clear and fast, for banner visual communication is very important, as long as the user to create a click desire, we promote the goal reached.

Part II: Composition

1. Definition and rules of composition

In fact, the composition of the picture is the operation of the screen, layout, how the composition of your guide to attract users to click, create the desire to understand the content, if you can achieve, it shows that your composition succeeded. The basic rules of composition are: balance, contrast and viewpoint.

Equilibrium: Equilibrium is not symmetry, it is a sense of balance in power, so that the picture has stability.

Equilibrium is not symmetry

Contrast: In composition, it is the size contrast, the thickness contrast, the circumference contrast, the curve and the straight line contrast and so on.

The contrast of white lines creates a sense of space.

Viewpoint: Is how to focus the user's attention on the center of the screen, we can use the composition to guide the user's point of view

Directs the focus to the slogan

Introduce the basic rules of composition, for example view: A piece of x-men propaganda banner, this banner figure arrangement is balanced and asymmetrical, the character size is different, produced a contrast, highlighted some of the characters in the play. Banner in the middle of a big X, the point of view to focus on the center of the screen, very good use of basic composition rules for banner design.

2. Style of composition

The composition is roughly divided into the following categories: (1). Vertical horizontal composition (2). Triangular composition (triangle and inverted triangle) (3) Progressive composition (4). Radiant Composition (5). Frame type composition (6) Diagonal composition

(1) Vertical horizontal composition:

The parallel arrangement each product, each product display effect is very good, each product occupies the same proportion, the order sense is strong, this kind of composition gives the user mood: the product rule is formal, tall, the security is strong.

(2) Triangle and inverted triangle composition:

A number of products are triangular composition, product three-dimensional sense of strength, the proportion of each product has light weight, the composition of a stable natural, strong space. This kind of composition gives the user the mood: the security is extremely strong, stable reliable.

A number of products for the inverted triangular composition, the product of a strong sense of three-dimensional, the proportion of each product has a light weight, the composition of dynamic and lively imbalance, sense of motion space feeling strong. This kind of composition to the user mood: instability to stimulate the user mood, give users the feeling of movement.

(3) Diagonal Composition: A product or two products for the combination of diagonal composition, product space sense, the proportion of each product relative balance, the composition of dynamic lively and stable, strong sense of motion space. This kind of composition to the user mood: dynamic and stable.

(4) Gradual composition: A number of products for the gradual arrangement of products to display a strong sense of space, the proportion of each product is different from large and small, composition stability, order sense, using perspective Guide to slogan. This kind of composition to the user mood: stable nature, product rich and reliable.

(5) Radiant Composition: A number of products for the radiation-style composition, product space sense, the proportion of each product is different from large and small. Composition dynamic and lively, a strong sense of order, using perspective point slogan, this kind of composition to the user mood: lively and dynamic, rich and reliable products.

(6) Frame-style composition: Single or multiple product frame-style composition, product display effect is good, painting in the sense of painting. The composition is balanced, stable and solid. This kind of composition to the user mood: stable trustworthy, reliable products.

3. Soft Wen (Slogan)

(1) as the saying goes, "the words are not much, incisive on the line" Today's hot-burning micro Bo is an example of "140 words summed up what you want to say", slogan is the same.

(2) to Yanzhiyouwu, the first to grasp the user's heart, to understand the user's idea is very important. The second thing we want to push to the user is what users are interested in. Here's an example:

Slogan only four words, finally came, white iphone4 hang up the Apple fan door for nearly two years of appetite, these four words is probably the most they want to hear. Users will never question Apple's performance, technology leadership and user experience, and they are most likely to have the white iphone4 of their dreams. So, Apple's slogan is simple and uncomplicated.

Article Source: Baidu MUX Reprint please indicate the source link.