Current location - Trademark Inquiry Complete Network - Trademark registration - Color matching of illustration posters-how to look at the design of the work? Poster design methods
Color matching of illustration posters-how to look at the design of the work? Poster design methods

How to draw a poster

There are five keys to a qualified and attractive poster - eye-catching title, appropriate content, reasonable layout, consistent illustrations, and comfortable colors. A successful poster will make people pay attention to the title at first glance - they are very interested, and then notice the content of the poster at the second glance - so the font should be appropriate and good-looking. The editor below will introduce a few points in a little detail.

Text part: title and text

1/3 step-by-step reading

Main title: it is the soul and most important point of the entire POP work

So the design must be the most eye-catching and clear, and the decoration must be the most elaborate, but it should not be too complicated. Complex decoration will make it difficult to identify, and it will also be a failed POP work.

Subtitle: has the finishing touch

It is a text that further supplements the explanation when the main title is incomplete. However, if the main title is not eye-catching, it will not let consumers know. The transition from the main title to the subtitle is also a failed POP design work.

Text: It is text that fully explains the content

A fonts must be readable, and fonts that are too ugly are also failed POP works

B The number of words should not be too high Too many, too cumbersome.

C The most important content is written at the front or the color is changed to strengthen the writing to attract people to read further.

The principle is that it must be relevant to the content of the poster and not be too overwhelming. But now many posters just draw a few random patterns just to look good and not be blank. Well, I don’t know what to say.

Typesetting and color matching

The common typesetting is from top to bottom according to the way people read, or from right to left if it is a vertical version. The editor is a lazy person, so I usually use these two reasonable layouts to successfully guide readers to read in the order of main title - subtitle - main text.

Choose a color combination based on the content of the poster. The color matching is reflected in the background color of the poster, the color of the font and the main color of the illustration. For serious themes, don't use lively and pretty colors, such as orange and yellow. You can use blue, black, etc. For food, choose colors that make people appetizing, while dark colors are often off-putting. You can extract color from life. How to flexibly apply two-tone color matching techniques?

Double-tone uses two colors to change the tone of the original image. Different two-color combinations will produce different tonal atmospheres. If printing costs are involved, two-tone design is also a very economical design solution. Picture effects of different tones. The dual-tone style can be used in a variety of design fields, such as prints, publications, web design, interface design, illustrations, etc. You can see the application of dual-tone. After all, dual-tone can bring strong The visual appeal makes the design more personalized and interesting. Book design, poster design, web design As mentioned above, duotone is to change the tone of the original image through two colors. Regarding color matching, color relationship is always inseparable. The so-called color relationship must have two or more colors to form a relationship. Therefore, there are these color relationships, similar colors, adjacent colors, complementary colors, contrasting colors, etc. Two-tone styles generally choose contrasting and adjacent colors. Two-tone contrasting colors are colors that are 120° to 180° from the base color, which can bring a certain visual impact and strong color tension to the picture, and have a strong sense of personality. Contrasting colors of red, colors from blue to green combine with the characteristics of images and graphics to express the appropriate atmosphere and emotion. However, if contrasting colors are used improperly, it can easily cause vignetting. At this time, you can use it in combination with black and white to reconcile the collision of contrasting colors and also bring a kind of balance. Contrasting colors: dark blue and orange Contrasting colors: turquoise and purple Two-tone adjacent colors are colors within 60° of the base color. Since the hue difference between adjacent colors is relatively small and the transition is soft, matching is very simple and not easy to make mistakes. The adjacent colors of green range from green to yellow, or from green to cyan, so it is easier for beginners to use this method to match colors. When used in two-tone colors, adjacent colors will not easily interfere with the transmission and recognition of information. Adjacent colors: purple and purple. Adjacent colors: yellow and green. For two-tone area processing, you can choose large area and small area processing. Large area processing In general, images are usually processed on a large area.

It may be necessary to reduce unnecessary details, present the image generally, and convey the overall atmosphere and emotion. Small area processing If you want two-tone processing on a small area, you can use some text and shapes as decorative elements for two-tone processing. This can reorganize the color relationship between images and graphics, bring a new visual experience, and attract the user's attention. role. Website automatic generation Firstly, we present two websites that automatically generate two-tone pictures, which is convenient and fast and suitable for completion in a short time.

://

Both websites can upload pictures, or you can choose pictures provided by the website and then choose a color scheme. If you want to quickly produce two-tone style pictures within a limited time, then these two websites are most suitable. And it doesn’t require a ladder, it’s effective in personal testing. PS Software Steps So how do you make a duotone in PS software? There are actually many ways, but I usually use gradient mapping. Because it corresponds to coloring the light and dark parts of the photo. Rather than a simple blending mode. There is a color gradient bar in the gradient map. This color gradient bar corresponds from left to right to the dark, mid-tone and highlight areas of the photo. That is to say, the color closer to the left corresponds to the dark part of the photo, and the color closer to the right corresponds to the highlight of the photo. Then based on this principle, gradient mapping can be performed. Regarding the operation of this gradient mapping, if you still don’t understand, you can click on this article. I want a gradient that is not eye-catching and a bit advanced! Let’s review it. When to use duotone? Duotone can optimize poor quality images and create a completely new visual picture. When your material is bad, choosing two-tone colors can instantly improve the quality. This is also one of the ways to save bad pictures. The two-tone before and after modification is more suitable for pictures with decorative effects and more interesting and personalized designs. For product displays and serious theme projects, the two-tone style is not suitable. Finally, let's summarize. Although the two-tone design is not a new attempt, it is also a trend in design and still has strong visual appeal. I hope today's article can give you some new ideas. How to look at the design of the work? Poster design methods

In graphic design, poster design is the most artistic and the most difficult to understand, so this article will first look at some good poster works.

-01-

1. The theme is more prominent and easy to catch people's attention. The word "Zuzhan" is in the form of a tablecloth-like grid, which has a sense of design and the color combination is very nice. , the word "Pu" is rose red with blue (a classic red and blue combination); the word "Zhan" is green, blue, dark blue, and purple (a gradient color combination).

2. The layout of the content uses three colors (black, red, blue), which is richer than using black alone, and the color of the content can also echo the color of the theme text. .

3. Use a centered composition. The theme text separates the content into two parts. Relatively speaking, it is not as boring and monotonous as arranging all the content on one side. This can be used if there are a lot of text in the layout. Compositional form.

4. The information in the poster is arranged compactly in paragraphs, and the visual blocks are strictly controlled so that the picture will not appear too cluttered.

5. A large amount of white space is retained, and the upper half of the picture and the lower half form a sharp contrast between traditional and simplified. This allows readers to focus on the text and makes the information easier to read. -02-1. Transform the rectangular frame into a certain perspective, forming a back-and-forth interspersed relationship with the character's face, which enhances the sense of space, form and visual impact of the picture.

2. The three rectangular frames are similar in size and distributed in parallel, forming a certain sense of rhythm. However, the textures of the three frames are completely different, making the three frames appear both unified and contrasting. The effect and layering are enhanced.

3. The text spacing and line spacing on the rectangular frame are very large, and are matched with some small elements, and are unified with the perspective of the rectangular frame. In this way, the shape will not block a large area of ??the picture, and the rhythm will be smooth. The feel and decoration effect are very good.

4. Use straight lines to connect the text in the upper left corner, upper right corner, and lower right corner so that the text does not look too scattered and makes the layout more balanced.

-03-

1. Since some fonts are handwritten, tilted and rotated during typesetting, and the color blocks carrying text use irregular graphics, so this The layout looks lively, not too rigid or formal.

2. The colors are only orange and white, which is neither too monotonous nor too colorful. Unlike other leaflets that like to use black text, the text here is all in orange or white. Visually more unified and harmonious.

3. Since there are many text information or information groups in the layout, the designer uses color blocks or line frames to separate and highlight the text. In this way, the information will be clearer and clearer, but in the end It is best to keep some of the text outside the color blocks to form a contrast between points, lines and surfaces, which will make the text more visually lively.

4. Decorating the bleeding area with borders can make a layout with many elements look more integrated and refined. -04-1. The colors are strictly controlled within three types (blue, yellow, and white). A large area of ??dark blue is paired with a small area of ??light yellow and white, which looks good and stands out.

2. Use line segments to connect scattered small text, which can fill the gaps between the text, and increase the contrast between dots and lines, making the typesetting appear more refined.

3. If there is only one element of characters in the empty background, the picture will look a bit empty. Since the theme of the poster is flying day, the designer added clouds and birds. At this time, the blue The colorful background merges into the sky, and the whale tail suspended in the air adds a little color to this poster. In order to prevent these auxiliary elements from interfering with the main body, their color matching uses the existing colors in the picture. -05-

1. Add a layer of color blocks or shading that is similar to the size of the picture at the bottom of the rectangular picture (in this case, the shading is composed of English), and adjust the layer Rotate and tilt to form an upright and oblique contrast with the upper picture, which can increase the dynamics of the layout.

2. The combination of cyan and pink has a good effect.

3. The staggered layout of text and pictures can not only ensure that pictures and text have a large enough display area, but also make the picture more lively and design-oriented. -06-1. Adding some texture or shading to flat style illustrations can make them richer and look more cultural.

2. If the picture is divided into two blocks vertically, then it will be better to set the area ratio of the two blocks to 1:2.

3. In order to ensure the balance of the picture, the main elements can be placed in two relatively symmetrical positions in the picture. For example, the elements of this poster are mainly concentrated in the two places marked with red lines below. -07-1. The grid can also be used to exclude more flexible layouts. As shown in the picture above, the layout is divided into four columns, and nine pictures of the same size are arranged in these four columns respectively. However, these pictures are not completely aligned, and If you stagger them deliberately, you will get an orderly but not rigid effect. 2. When creating the effect of overlapping words or pictures, the font size of the bottom text should be large and the strokes should be out. If the overlapped text is not very important, or there is display elsewhere in the layout, then it can be ignored. Its recognition only considers the visual effect.

3. If there are many different product pictures in a layout, unifying the backgrounds of these pictures can make the layout more harmonious and tidy. In the picture above, all pictures use a white background. . -08-1. Repeatedly arrange graphics with the same outline but different sizes, colors or textures to form a unified yet contrasting effect, which will create a certain sense of rhythm.

2. Adding a visual graphic to the layout can increase the visual impact, attraction and richness of the picture.

3. Designs that control colors within two types (excluding black and white) are more elegant.

Let’s review these eight works for now, and then share a wave of excellent poster design works for everyone to see.