The composition of banner poster design-What are the skills of elegant banner graphic design?

What are the composition methods of poster design? ① Surrounding pictures. Rotate and diverge around a center. Or a combination of patterns arranged in a circumferential manner. It's called a circumgraph.

② Central symmetry graph. A symmetric graph with a central vertical axis or a horizontal axis or a central point is called a central symmetric graph.

③ Diagonal balance diagram. Have a strong sense of movement. A picture in which the main image is diagonally distributed is called a diagonally balanced picture.

④ Scatter balance diagram. The theme images are scattered in size. Or distributed on the screen according to C-shape, S-shape, etc. And form a certain spatial perspective feeling picture. This is called a decentralized equilibrium diagram.

(5) plane repeat picture. There is almost no difference in the size of the theme image. Evenly dispersed or neatly arranged. A picture that produces a repetitive effect is called a plane repetitive picture.

⑥ Contrast symmetrical pictures. The picture is similar to symmetry, but it presents a patchwork contrast relationship (that is, poor contrast), so it forms a bright contrast picture, which is called contrast symmetry picture.

⑦ Balance the picture. The main image is in one corner of the picture and the auxiliary image is in the corresponding other corner. This is called a balanced diagram.

⑧ Central easy map. The center of the picture is relaxed, leaving a lot of blanks, and the images are scattered outside the center, which makes people daydream. This composition is called a central relaxation diagram.

What is the design concept of brand banner? Before banner design of brand website, web designers should try their best to get the words and pictures of corporate customers and extract the most expressive parts of the brand. At the same time, in-depth communication and understanding with customers, as well as the history and current stage of brand development, so that their understanding of corporate brands can be consistent with customers, and then banner design. In this process, customer information plays a decisive role. We often find some well-made banner designs, and the pictures and materials used in them are provided by corporate customers themselves. Only such materials can give designers the best play, and only such materials can provide the most powerful visual presentation for the brand.

For specific banner design methods, the following three ways are worthy of designers' reference:

A, regular/inverted triangle composition method

The regular triangle composition of multiple products can make the products to be displayed have a strong three-dimensional sense, distinguish the weight of each product, highlight the key points, make the composition stable and natural, and have a strong sense of space. This composition gives users a sense of security and reliability.

If the inverted triangle composition is adopted, on the one hand, it highlights the strong three-dimensional sense of space, and at the same time, the composition is dynamic and lively, which stimulates the user's sense of creativity and gives the user a sense of movement through unstable composition.

Second, diagonal composition method

Using diagonal composition can change the conventional typesetting method and is suitable for product display banners with one or two product combinations. The proportion of each product is relatively balanced, the composition is lively and stable, and the visual impact is strong, which is especially suitable for sports brand picture display.

Third, the diffusion composition method

Diffusion composition highlights the main body of the picture by using auxiliary graphics such as light and halo. The composition is lively, focused and has a strong sense of order. Express around the brand slogan in a perspective way, giving people a deep visual impression.

What are the skills of elegant banner design? First, the gradual change of two-color ice cream

When the first picture is processed into a full-screen bleeding picture, you can paint the picture as a two-color gradient, which is a bit like the two-color ice cream balls we eat. Choose a color scheme that you think can stimulate the psychological atmosphere, preferably a contrasting color, which will bring a strong visual gap. Because it exists as a background, the overall color brightness should be different from the color of the text. This method recommended here can be easily obtained by using the "gradient map" tool in PS.

Second, the line drainage

This is also a design method. Let the lines guide consciousness through where you want the focus to stay.

Third, dynamic scenes.

For the selection of the first picture, we can focus on the dynamic scene. This kind of dynamic scene will arouse the audience's motor nerves and stimulate the vitality of the page because of the dynamic modeling of its own model. As you can imagine, if the protagonist in the first picture is replaced by a still life, the effect will be different. Here, changing the direction of the model and then reducing the transparency again brings a certain feeling of combining the virtual and the real.

Fourth, careful color matching.

We hope that when you use the first picture, you should try not to touch the ordinary landscape map. Although the natural scenery is good, but a big landscape will show a saturated color superposition, in fact, the application in web design is slightly inattentive. Because you are responsible for the color of the final picture after use, try to control the color within three colors. I believe that designers will agree with this truth. So it's best to control the color of the picture here.

Verb (abbreviation of verb) virtual reality

Of course, what we are talking about here is not virtual reality, but when designing the first picture, try to make still life more "realistic", as if they are on your screen and within reach. But this expression, the most important thing is to find an outlet for the virtual, that is to say, it can't be completely realistic, and users should see the defects of the virtual, so as to make the image more three-dimensional. The first picture of this expression skill has a mobile phone, and it is most common to display it with APP products.

Six, the beauty of the text itself

Maybe we all hope that every first picture can be accompanied by words. In fact, words themselves can also become a kind of scenery. Sometimes, the proper use of some words with image style can better convey the energy of words themselves.

If words can be regarded as images, calligraphy characters are the most appropriate. Calligraphy itself is natural and unrestrained, and it is incomparable sexy compared with ordinary printed fonts. Calligraphy is the main character here, and its own calligraphy, as the quintessence of China's traditional culture, is very suitable for the traditional industries in the East. Of course, the calligraphy itself here can be written better.

Seven, the power of silence.

Symmetry can bring a solemn and static force. So in the design of the first picture, you might as well use a symmetrical layout to design the first picture. However, because symmetry itself is slightly static and inflexible, it needs more ingenuity in design, adding some small details that can break the rules.

Symmetrical layout is best to use the composition of inverted triangle, so that the line of sight will be more flexible and smooth from top to bottom, otherwise there will be a sense of stagnation.

Eight, left picture right text

In addition to full-screen display, the first picture has another design method, that is, the text on the right side of the left picture can be placed. The advantage of this web design technology is that it can separate pictures from words, especially when the picture information is equally important. If the pictures and texts are mixed together, both sides are not prominent enough. It is better to highlight the protagonist from left to right and convey his visual effect from left to right along the line of sight.