The application of writing in design

Design

Writing is an important part of human culture. In any visual media, words and pictures are the two major components. The combination of text arrangement is good or bad, directly affect the layout of visual communication effect. Therefore, the character design is an important technique to enhance the visual communication effect, improve the appeal of the works and endow the aesthetic value of the layout.

Here, we mainly talk about the design of graphic design of several principles, as well as the combination of words should pay attention to several points. In particular, this part of the work should be the human brain to complete the work, the computer can not be replaced.

Below we are detailed in the following aspects of the text in the layout of the use of graphic design, each section with a lively and wonderful illustrations of the analysis

1. Improve the readability of text
The design of the text should avoid complex messy, make people easy to recognize, easy to understand, should not be designed to design, forget the basic purpose of writing design is to more effectively convey the intention of the author, express the design of the theme and ideas.

2. The position of the text should conform to the overall requirement
The arrangement of the text in the picture should take the overall factor into account, cannot have the visual conflict. Otherwise in the screen primary and secondary, it is easy to cause the visual order of chaos, and sometimes even 1 pixels of the gap will change the taste of your whole work ...

3. It should be visually pleasing to the eye.
In the process of visual communication, text as one of the image elements of the picture, has the function of conveying feelings, so it must have visual beauty, can give people the feeling of beauty ...

4. Be creative in design
According to the requirements of the theme of the work, highlighting the individuality of the design of characters, creating distinctive unique fonts, giving people a special visual feeling, conducive to the performance of the author's design intentions ...

5. More complex applications
Text not only in the font and the picture with good, and even color and part of the stroke to be processed, so as to achieve a more complete effect, and these details of the place need is patience and skill ...

6. Comprehensive application: Examples of cover design
In the following example we will use the above mentioned rules and requirements to complete a book cover of the graphic design work, the actual experience of the text in the graphic design of the wonderful application ...

7. Enjoy the wonderful works
This kind of work, whether it is the font, style or color of the application is very exciting, to leave a shock and deep impression, appreciate such a work is really a kind of enjoyment ...

The design of text layout is also the creative process, creativity is the embodiment of the designer's thinking level, and it is an important standard to evaluate the quality of a design work. In the field of modern design, all the process of production by computer, so that human labor is limited to thinking, this is a good thing, can save a lot of unnecessary processes, for the creation of a better condition. But in some of the necessary stages, we should remember: people, after all, is the subject of design.

1. Improve the readability of text
The main function of the text is to convey the author's intention and all kinds of information to the public in the visual communication, in order to achieve this goal, we must consider the overall appeal effect of the text, giving a clear visual impression. Therefore, the design of the text should avoid miscellaneous messy, make people easy to recognize, easy to understand, should not be designed to design, forget the basic purpose of writing design is to better, more effective convey the intention of the author, express the design of the theme and ideas.

Examples are as follows:

Make the content you want to express clear and eye-catching. Let the reader begin to understand what you mean


Avoid the use of unclear fonts, otherwise it is easy to cause the reader to be disgusted and troublesome (unless you need this effect)


Choose the fonts that you need


However, after special processing, you can use some fonts that are not appropriate, such as


Note the direction of the text in the choreography, pay attention to arranging the viewer's view


Or it could be.


Last point, usually, you should


2. The position of the text to meet the overall requirements
The arrangement of the text in the picture should take the overall factor into account, cannot have the visual conflict. Otherwise in the screen primary and secondary, it is easy to cause the visual order of chaos. and the whole meaning and atmosphere of the work may be destroyed, this is a very delicate problem, need to experience. Don't expect the computer to help you arrange it, it will sometimes help you to be busy. In detail, it's important to note that the 1-pixel gap can sometimes change the taste of your entire work.

Examples are as follows:

Arrange the intersection between the text and graphics, neither affect the view of the graphic, nor affect the reading of the text.


If you accidentally do this (not in this case, if you're planning this effect)


Text must not be all the edges of the screen, so it looks unprofessional


A little bit of detail should pay attention to the problem, it is easy to ignore the place, but also prone to problems


That would look a little better.


3. Visual beauty should be given to people
In the process of visual communication, text as one of the image elements of the picture, has the function of conveying feelings, so it must have visual beauty, can give people the feeling of beauty. Good design, combination of clever text can make people feel happy, leaving a good impression, so as to obtain a good psychological response. Conversely, it makes people look at the heart unpleasant, visually difficult to produce beauty, and even let the audience refused to look, it will be difficult to convey the author wants to show the intention and ideas.

Examples are as follows:

This is a text page with graphics, maybe you think it's good.


But isn't it too bland? Change the position and size of the text, what will be the effect? Look at the picture.


Or it can be, look at the picture below


Do you feel anything? In fact, it is so subtle, sometimes just a little change, the taste is not as much.

and look at the problem of word spacing.


Would it be better if I changed it?


For large fonts, if you follow the above procedure, you may be able to handle it in this way so that it seems to be loosely related to words.


After the adjustment, it looks more compact. The correspondence between word and word also came out


look at the processing of paragraph text again

When the font is enlarged, the distance between the paragraphs should also be adjusted (here, the small font also applies this rule, but the opposite)

For example, when you don't adjust the distance between paragraphs


This can be done after the adjustment.


If you have more than one paragraph, you should pay attention to more questions, such as priorities and severity, and how important the content is when it is expressed, and see this example


Take a look at this nice page deal.


4. Be creative in design
According to the requirements of the theme of the work, highlighting the individuality of the design of characters, creating distinctive unique fonts, giving people a special visual feeling, conducive to the design of the author's intentions. Design, from the character of the morphological characteristics and combination of the search, and constantly modify, and repeatedly pondering, so as to create a rich character of the text, so that its external form and design style can arouse people's aesthetic pleasure feeling.

Examples are as follows:

It's a very common text page.


Then add a little of their feelings inside, the size of the text, spacing, transparency to make some adjustments, it will be a completely different effect. It's interesting, isn't it?


According to the screen or the requirements of the work, you can use some graphical text (this is a new view of Chinese character design).
Note: The so-called "text graphics" will be the text strokes to do a reasonable deformation collocation, so that it produces similar organic or inorganic graphics of interest. Emphasis on the structure of the font itself and strokes of the United States. Like what:


At first it seemed that the writing was a little pale in the expression. The expression of the subject is of little help. Well, try it.


Does it smell? Under certain conditions, do not use the computer to provide the font, must create their own. This is also the place where the charm of Chinese characters lies.

such as this (without too much consideration)


And look at the design.


The difference is here, maybe just a little change, but you need to think more. Sometimes the strokes of the text to do special processing often produces some unexpected effect. And this kind of processing is creative, and the taste of humanity will be more strong. This is the computer font can not replace the effect, bring to the viewer's feelings will naturally be much more intense.

5. More complex applications
Text not only in the font and the picture with good, and even color and part of the stroke to be processed, so as to achieve a more complete effect. And these are the places of detail that need patience and skill. Remember to have their own thoughts and feelings in the inside, if you want to express their attitude towards the work, do not lazy in the text, this is not a place to be lazy.

For the works, each piece has its own style. Under this premise, a piece of work on the layout of a variety of different font combinations, must have a consistent style of the entire work styles, forming a general mood and emotional tendencies, can not be a variety of words from a style, separate. The general tone should be the overall coordination and local contrast, in the unity and with the changes in the smart, so as to have the effect of harmonious contrast. In this way, the whole work will produce visual beauty, in line with people's appreciation psychology. In addition to the unified character of the way to achieve the design of the keynote, but also from the direction of the formation of a unified tone, as well as the psychological feeling of color to achieve the effect of a unified tone and so on.

Like what:


A simple example


After the modified
Let's look at the more complicated: all the occurrences of the text elements in this screen have been carefully processed, which is necessary to meet the needs of the subject. If there is no such word design, perhaps the work itself will be less appealing.



In the layout of a picture, the composition of the text should be relatively concentrated. If the image is the main element of appeal, then the text should be placed in the appropriate position, should not be excessively dispersed, so as to avoid confusion caused by the theme of the flow of sight.

For example, the following example: the size of the text element, the weight, the location of their respective independent, not concentrated, very easy to cause confusion in the line of sight. Although the processing of the font is up and down, but it seems to be overdone.


Now put the text on this page to tidy up, the secondary elements are summarized, sorted out, to see if this effect is better?


the arrangement of higher level text layout

There is no law to comply with, this is entirely to express their feelings mainly, more dependent on the author's design skills and the mastery of the design of the language, as well as the desire for their own emotional expression of intensity. No passion of the text layout is pale, only the passion of the text suites is powerless. The Passion plus the skill is shocking. This requires the designer's innovative concepts and bold ideas, not to be stubborn.

Here are the signature designs of the 2-bit designers




6. Integrated Application: Cover design examples
In the following example we will use the above mentioned rules and requirements to complete a graphic work of the text design, together with the actual experience of the text in the graphic design of the wonderful application.

Work requirements: This is a book cover design, the title is "Wildfire Cold smoke", belongs to the autobiographical novel. According to the book's artistic conception and requirements, but also in order to tie in with our topic, we will first prepare the bottom map, the concrete production process of the bottom chart no longer detailed description.



According to the common sense of the cover design, we know: The text that should appear includes: book title, author name, publisher name, date, Introduction, contact method and some small text element which increases according to the adjustment need. With so many words together, it's easy to mess up if you don't take care of it.

(1) First of all need to appear in the text according to the location of the general arrangement on the above. Put the main content on the right side, to ensure that each word clear, avoid and picture conflicts. Respect the public's viewing habits as much as possible.

This is not a carefully processed font layout. Seems rather confusing. Sight also easily lost. It is easy to be confused when watching. Start with one adjustment below.

(2) First, according to the relationship between the primary and secondary font size adjustment, and the position of the text to make a preliminary adjustment. As shown in figure


(3) Make further adjustment according to the flow order of the sight, to better guide the viewer. As shown in figure


(4) Reduce the degree of minor elements in the layout of the sharp. That is, the visual impression of the sequence of consciousness, while the position of some text to do micro-adjustment. As shown in figure:


(5) Because the layout is a banner, so can be the main content: the title, the author's name of the typesetting format to adjust to vertical, as shown


(6) Now it seems that the title is a little uncomfortable, now first adjust the word distance, while the other text of the word spacing, size, position and font adjustment to maintain the full unity of the effect.

Note: When the main elements of the layout change, all auxiliary text elements to be adjusted at the same time, this is part of the whole, there is a part of the whole. As shown in figure


(7) Now the font part of the text to adjust again, while some other minor text elements to adjust, increase or decrease. As shown in figure


8 Here basically can be said to complete, but now the feeling is that the performance of the text is weak, there is not enough strength to express the content and feelings of the subject.

You need to be creative now. Here decide to redesign the font of the title, while paying attention not to affect other text elements, appropriate to increase the size of the text font, transparency and color changes, a graphical approach to increase interest. These changes are entirely up to the designer's own grasp. Move with the heart of the heart. Be careful not to influence the big effects and basic requirements.

The final effect is as shown


The above introduction of a simple text layout design process, in practical applications can not be rigidly adhere to these steps, because many changes and design is carried out by inspiration and intuition, at any time can carry out a certain part of the work, as long as the maintenance of the basic rules, respect for the public to observe the habit.

7. Enjoy the wonderful works
(1) Works 1 (visual poster)


The design of the text layout and style of the work is perfect with the picture. The relationship of all elements is well matched. The same applies a graphical approach to the main text elements. Especially the arrangement and design of auxiliary text elements is the highlight of this work.

Attention to the lower left corner of the text of the design, not only let people feel the existence, but does not affect the work of the sense of view, while the line control is better, did not create a feeling of crowding. The whole work is the same, the details are rich, and the author's thoughts and ideas are fully expressed, which is worthy of reference.

(2) Works 2 (image promotion)


This piece is a poster to publicize the Chinese image. The use of some of the Chinese culture is more representative of the image elements, text elements here can be said to be minimalist to the extreme. But can feel is the author in these two words up and down time how many, can say is played the finishing touch effect. And with the graphics and seamless. (Click to enlarge)

Whether it is a font or a style or color applications are very exciting, the work left a shock and deep impression, appreciate such a work should be said to be a kind of enjoyment.

The design of text layout is also creative, creativity is the embodiment of the designer's thinking level, and it is an important standard to evaluate the quality of a design work. In the field of modern design, all production procedures are done by computers, so that human labor is limited to thinking, this is a good thing, save a lot of unnecessary processes for the creation of a better condition, but, in some of the necessary stage, or can not completely let the computer to do, people, after all, is the design of the main body.