How to use color block typography correctly?

As long as the colors are used correctly, there is basically nothing wrong with following the four principles of typography: alignment, contrast, repetition, and intimacy.

1.The color block should be relaxed

If there are multiple color blocks in the layout, it is best to distinguish between the sizes, rather than all the color blocks being the same size or almost the same.

2.The typography of the elements within the color block should be detailed

Many designers think that everything will be fine if the information is classified and arranged in the color block, but in fact, each color block is a small layout, and the typography of each element in it is also very particular, such as not filling the color block too full, the text should have a size contrast, and you can also use some small elements to decorate.

3.Be particular about color matching

Try not to fill all the color blocks with highly saturated contrasting colors. Use black, white and gray with a single color. Black, white and gray are very inclusive, which not only does not make the picture too flowery, but also can open up the layers and make the color blocks highlight.

Analogous color matching: Whether it's a similar color with a connected hue, or a color with the same hue that is only different in saturation or lightness, they will work together more harmoniously.

Contrasting color matching: Contrasting color matching is of course also very common, but you need to pay attention to matching skills, as mentioned earlier, try not to use all high-saturation contrasting colors, and it is safer to use high-saturation colors with low-saturation contrasting colors, or contrasting colors with large differences in brightness.

1.Don't have too many color blocks

If there are more color blocks in a layout, you should try to control the number of colors, because more colors are easy to flower, and it is generally best to control the number of colors within four (the color of the same color system can have shade changes.) )

2.Break the color block appropriately

If all the elements are put into the color block, the overall effect will be more regular and uniform, but at the same time, it is easy to appear rigid, so you can let some color block elements properly punch the block to enhance the dynamics and flexibility.

3.Don't be too monotonous

Unity is an important principle in design, but if there is only unity, the whole layout will be monotonous and lifeless, so you should also pay attention to keeping the changes when typography with color blocks. For example, don't put all the content into the color block, such as the direction, size, outline, and space of the color block should change, and so on. The diamond color block is more flexible than the rectangle, but there are relatively large restrictions on the text and ** of the typesetting.

Using some special-shaped color blocks, or using some simple graphics as color blocks, can make the layout more lively.

When designing, designers should clearly know their purpose, know the function of each typesetting, and remember to pile up randomly, in order to increase the sense of design and mix a variety of effects together, which will be counterproductive. I hope that all designers can master the above skills and create their own masterpieces.

The above is the content sharing of the precautions for color blocks in typography design, I hope it will be helpful to you, if you want to know more about design-related content, please check it out on this platform in time!

Do you say it's color matching? Mainly look at other people's designs.

Simple, clear, clear and loose design is the best design. Do you say it's color matching? Mainly look at other people's designs.

Simple, clear and clear is the best design of the punch key.

When the background is more cluttered, it is inevitable that the text will not be clear, at this time we can add color blocks, which not only solves the problem of unclear text, but also better highlights the key content, and the addition of color blocks will also make the picture more layered or secondary, and the sense of design is up!