Flat design text typography

xiaoxiao2021-03-06  71

Text is not only on the font and the picture, even color and some strokes must be processed, so that more complete results can be achieved. The places where these details are required are patience and skills. Remember must have your own ideas and feelings, if you want to express your attitude towards your work, don't lazy on the text, this is also a place where you can't lazy.

For works, each piece has its own style. Under this premise, a combination of various fonts on a works, must have a styles that meet the style of the entire work style, forming an overall sentiment and emotional tendency, and cannot be a variety of words. The overall tone should be the overall coordination and partial contrast, which has a smart change in the unity, thereby having a comparative harmonious effect. In this way, the entire work will produce visual aesthetics, which is in line with people's appreciation. In addition to the design of the design of the design, it is also possible to form a unified tone from the directionality, and the psychological feelings of the color to achieve the effect of the unified base tone. For example:

A simple example

After modification

Let's take a look more complicated: all the text elements in this picture have been carefully processed, which is necessary according to the needs of the subject. If there is no such text design, it will be much weaker.

In the layout of the picture, the combination of text should be relatively concentrated. If it is the main appeal element with a picture, the text should be compactly arranged in an appropriate position, and it cannot be dispersed in excessive changes, so as not to cause chaos of the line of sight due to unclear theme.

For example, this example: The size of the text element is light, the position is independent, no concentration, which is very easy to cause confusion of the line of sight. Although the craftsmanship in the font, it seems to be the head.

Now put the text on this layout, summarize the secondary elements, and see if this effect is better?

Higher level of text layout

It is already no regularity, which is completely based on expressive, more dependent on the author's design skills and grasp of text design, and the desire to show their emotional performance. There is no passionate text layout is pale, only the passionate text layout is weak. Passionate plus skill is shocking. This requires designers' innovation concepts and bold ideas, without having to solidly strengthen the rules.

The following is a signature design of 2 designers

6. Comprehensive application: Cover design example

In the following example, we will apply the laws and requirements of the above to complete the text design work of a flat work, and actually realize the wonderful application of the text in a flat design.

Requirements: This is a design of a book cover, and the title is "wild fire", which belongs to the novel of autobiology. According to the artistic conception and requirements of the book, we also prepare the base map first, and the specific production process of the base map is no longer detailed.

According to the common sense of cover design, we know: The text should appear includes: book name, author name, publishing homewhat, date, primer, contact information, and small text elements that are added according to regulation needs. So many words are put together, and if it is not careful, it will be easily confusing.

(1) First place all the words that need to be aristed in accordance with the generally arranged position. Put the main content on the right to ensure the clearness of each word, avoids conflicts of the picture. Try to respect the public's viewing habits.

This is a font layout that is not careful. It seems more confusing. Looklings are also easily lost. It is easy to make confusion when watching. The following starts a one of the adjustments.

(2) First adjust the size of the font according to the relationship of the primary, and the position of the text is preliminary adjustment. Figure

3) Further adjustments according to the flow order of the sight to better guide the viewer. Figure

(4) Reduce the clearness of the secondary element in the layout. That is, the order of visual impression is perceptual, and the location of some text is fine-tuning. Figure: (5) Because the layout is a banner, you can adjust the main content: book name, author name to a vertical pattern, as shown

(6) Now it seems that the title is somewhat uncomfortable, and now adjust the mark distance, at the same time, it will be adjusted to other words, size, location and font to maintain a complete unified effect.

Note: After the main element changes in the layout, all the auxiliary text elements should be adjusted at the same time, which is a whole in the top, and there is a part in the whole. Figure

(7) Now the font part of the text is again adjusted, and some other secondary text elements are adjusted, and decrease. Figure

8) It is basically noticed here, but now the feeling is weak, and there is no sufficient strength to show the content and feelings of the theme.

Now you need to play creative. Here, you decide to redesign the font of the book name, and pay attention not to other text elements, increase the size of the text font, transparency, and color changes, and perform graphical processing to increase interest. These modifications are fully grasped by designers. Move with the heart. Be careful not to affect the big effects and basic requirements.

The final effect is as shown

The above introduces a simple text layout design, you can do not have to stick to these steps in practical applications, because many modifications and design are performed with extensions and intuition, at any time, you can work, just keep compliance The law, respecting the public's viewing habits can be used.

7. Wonderful works

(1) Works 1 (visual placard)

This text layout and style design is relatively perfect. A good matching of all the elements. Similarly, graphical techniques are used for main text elements. In particular, the arrangements and design of the auxiliary text element is the highlights in this work.

Pay attention to the design of the words in the lower left corner of the work, which is both existence and does not affect the feelings of the work, while the line spacing is better, and there is no congestion. The whole work is the same, the details are rich, completely expressing the author's ideological appeal and ideas, which is worth learning.

(2) Works 2 (image propaganda)

This work is a placard that promotes China's image. It has been a representative image element in some Chinese culture, and the text element can be said to be simple. But what the author can feel is how much the author is on these two words, and it can be said that it is the effect of painting dragon. And with graphic with graphic seamless. (Click to enlarge)

Whether it is a font or a style or color, it is very exciting, and the work is a shock and profound impression, and it should be said to be a kind of work.

The design of the text layout is also ideological, creativity is the embodiment of the designer's thinking, is an important criterion for evaluating the quality of design works. In the modern design area, all production procedures are handled by the computer, so that human labor is limited to thinking, this is a good thing, but the province has a lot of unnecessary processes, providing better conditions for the creation, but, in some necessary At the stage, it is still not fully letting the computer, people, after all, it is the main body of the design.

转载请注明原文地址:https://www.9cbs.com/read-93791.html

New Post(0)