Flat Text Design (4)

However, if you want to have the effect shown in the figure below, the number of drunk characters is relatively large. At this time, some finer fonts can be used without affecting the clarity of the image.

2. Pay attention to the reading order of the text
If you do not take into account the order of people's visual flow, making the results of the following diagram will make it difficult for readers to understand the ideas you express.

But you can arrange text as follows
Or you can arrange the text in this way, but arranging the text in this way may destroy the overall effect of the picture, and is less commonly used.

Finally, if you look at the button when designing BANNER, place the button on the right side of the diagram. The viewer's line of sight is from left to right. After reading the contents of the banner, it will be very inconvenient to go back to the front and click the button.

3 People's pictures and characters Characters and pictures are generally placed on the left side of the text, allowing advertisements to be read more efficiently by viewers in one direction.
4. Overlapping text and pictures If you select a picture as the background of the text, select the appropriate picture. Where the text is on the side, the brightness and darkness of the picture should be as close as possible, and the contrast between the light and shade of the picture is too large, which will make the color of the text difficult to choose.

Moving the background image upwards will make the text clearer. Note that the background image underneath the words “It will be” will be deepened.

Move the background image up again and the following image will appear.

If you want to use a picture as a background picture, the best method is to select the appropriate picture, the right part. There are too many materials on the Internet, and you just need to go to the election. You don't need to spend a lot of time dealing with a less suitable picture as background.

5 text position

The arrangement of the text in the screen should take into account the global factors and there should be no visual conflict. Otherwise, regardless of the primary and secondary on the screen, it is easy to cause confusion in the visual sequence. Moreover, the entire meaning and atmosphere of the work may be destroyed. This is a very subtle problem that needs to be experienced. The details must also pay attention to the fact that the difference of 1 pixel sometimes changes the taste of your entire work.
The text ad close to the edge makes people look unprofessional
There must be a certain distance between the upper and lower sides of the text and the rational use of the format.

6 words spacing

The line spacing of the words should be greater than the kerning, otherwise it is difficult for the viewer's eyes to read in a certain direction and order.
If the line spacing is greater than the kerning, you can
If the font size is small and the spacing is small, the text will be invisible. The large font size and large spacing will appear too loose.

Large font size, smaller spacing, smaller font size, larger spacing, easier to see
7 Long text processing

What should you do if you want to use a long sentence and the long sentence does not fit into the banner?

This is not annoying, but people do not like to read such long sentences. When browsing, they are lazy. If you want to use a long sentence, then you should make it like it in typesetting.

When you design an advertising banner, you should assume that you are talking to a viewer, that is, he and he only, not the entire Internet user. Also note that the large words I mentioned earlier use a small pitch, while the small words use a large pitch method, don't forget!

8. Visually give people a sense of beauty

In the process of visual communication, text is one of the image elements of the screen and has the function of conveying emotions. Therefore, it must have a visual sense of beauty and give people a feeling of beauty. Good font design, combined with clever text can make people feel happy, and leave a good impression, so as to obtain a good psychological response. On the contrary, it makes people feel uncomfortable after seeing it, it is difficult to produce a sense of beauty visually, and even the viewer refuses to read it, and it is difficult to convey the intentions and ideas that the author wants to show.
Examples are as follows:

This is a text layout with graphics, maybe you think it's not bad

But is it too plain? What will happen if you change the position and size of the text? Look at the picture below
Or is it OK, see below
Do you feel anything? In fact, it is such a subtle, sometimes just a little change, but the taste is not the same.
If there are multiple paragraphs, we must pay attention to more questions, such as priorities and priorities, as well as the degree of importance in the expression of content, etc. See this example.

9. Be creative in design

According to the requirements of the theme of the work, highlighting the personality color of the text design and creating unique and distinctive fonts give people a unique visual experience that is conducive to the performance of the author's design intent. At the time of design, we should seek out the morphological features and combinations of words, constantly modify them, and ponder over them repeatedly, so that we can create individualized texts so that their external appearance and design style can arouse people's aesthetic pleasure.

Examples are as follows:

This is a very common text layout

Then add a bit of your own feelings, and make some adjustments to the size, spacing, and transparency of the text. This will be a completely different effect. Is it interesting?

According to the requirements of the picture or the work, some graphic text can be used (this is a new view of Chinese character design).

Note: The so-called “text graphics” is to make the text strokes reasonably distorted and matched so that they have similar organic or inorganic graphics. Emphasize the structural beauty and stroke beauty of the font itself.
such as:

At first, it seems that the expression of the text in the total feeling is pale. There is no help in the expression of the theme. Then try to change it to something like this. Under certain conditions, it is impossible to use the fonts provided in the computer and it must be created by oneself. This is where the charm of Chinese characters lies.

For example this (without much consideration)

Then look at the design approach
The difference is here, maybe it's a little change, but you need to think more. Sometimes doing special processing on the strokes of texts will often produce some unexpected results. This kind of treatment is creative, and the taste of humanity will be even stronger. This is an irreplaceable effect of computer fonts, and the viewer's experience will naturally be much stronger.

10 blank

In the design work just right to "white" - like the Chinese painting, so that space is more empty, it will make people feel relaxed and happy, and give people endless imagination. Leave space for graphics and text breathing

The gap beside the text is the air of the text, leaving enough blank space to improve the taste of the work, but the relative information is less.

For white space, it does not mean leaving a white background. No matter what color, as long as it appears as a background, it can be called blank.

5. More complex applications

Not only should the text match well with the picture, but even the color and some strokes must be processed so that a more complete effect can be achieved. The place where these details are needed is patience and skill. Remember that you must have your own thoughts and feelings in it. If you want to express your attitude towards the work, do not be lazy in the words. This is also a place where you cannot be lazy.

For the work, each piece has its own unique style. Under this premise, the combination of various fonts on a single page of a work must have a style tendency that conforms to the style of the entire work, forming an overall sentiment and emotional tendency, and not being able to form a style in each text and behaving in different ways. The overall tone should be overall coordination and local contrast. There is also a clever change in unity, which has a contrasting and harmonious effect. In this way, the entire work will produce a visual sense of beauty, in line with people's appreciation of psychology. In addition to achieving the tone of the design with a unified text personality approach, it is also possible to form the tone of the unity of the directionality and the psychological feeling of color to achieve the effect of a unified tone.
such as:

A simple example After a change, look at the more complex: all the text elements in this picture have been carefully processed, which is necessary according to the needs of the topic. Without such a text design, the appeal of the work itself will be much weaker.

In a picture layout, the combination of words should be relatively concentrated. If the picture is the main appeal factor, the words should be arranged in a compact place in an appropriate position, and they should not be over-dispersed so as not to disturb the flow of sight due to the unclear subject.