What is the contrast principle of text typesetting in layout design?

Here, I summed up three principles of word arrangement, which are the most basic and easy to master. Why use contrast? Because in the process of design, different characters have different degrees of importance, so they are graded in turn, and then contrast is used to strengthen the importance and weaken the secondary. Effectively meet the publicity needs. Then let me give an extreme example here. The picture below shows Gao Tianwei's design works. We don't look at the specific information content for the time being. Judging from the arrangement of the text, we don't feel "contrast" strongly, which almost violates the common sense of design, so many students will say that they don't understand it and don't know what to show. It's normal not to understand, because this is indeed a design attempt beyond common sense. Even the author has not adjusted the size of the characters, so the naked bright words are arranged in turn. Let's look at another case, which is also beyond common sense to some extent. We only look at its text arrangement, and you will find that the author has made a high degree of matching between the thickness of Chinese and English, that is, it has almost reached the "consistency of thickness", which is very detailed. In addition, it is said that the text layout of this work is extreme to some extent, because there is great restraint in the way of text layout. In other words, only "font size contrast" is used in the text. Font size comparison is common, but it is not common to use "font size comparison only". In Guangyu's works, this technique is not a simple technique, but a common style to use. We see that the following works are all done by means of "font size comparison". First, let's look at the first situation. In the first case, we will use font size contrast to divide the hierarchical relationship of text. So first, we need to arrange all the texts in the same size and thickness. That is, the font size is consistent and the word weight is consistent. As shown below, this is my classified information. Siyuan is in bold, and there is no match between Chinese and English. Then we have to solve four problems next. First, choose a font. I chose Japanese font, Chinese is リ12517ミン, and English is Garamond. Second, when the font size of English and Chinese are the same, English is slightly smaller, so the font size is increased for English. Third, adjust the group spacing of word spacing and line spacing to ensure a unified relationship. Fourth, when choosing Chinese and English fonts, we should pay special attention to whether the change of thickness ratio in English is consistent with that in Chinese. The following is the effect of my adjustment. Then analyze the text, divide the hierarchical relationship, and then compare the font size. Generally, if you want to compare completely, the font size should be 2-3 times. The arrangement effect of the above characters has certain composition rules. Personally, I like to use six columns, which has more changes and greater freedom when arranging. Font size contrast is very easy to use. Many students can't grasp the change of multi-word weight, and often fall into confusion in text arrangement. This move can complete the hierarchical division very efficiently. The last step is to add main elements and modify colors according to the main body, and the scheme is completed. The second method is font comparison. Font contrast is relatively more difficult. Generally speaking, we suggest using as few different fonts as possible, and using as few font types as possible. This is because different fonts can be placed harmoniously in the general layout without making people feel abrupt, and it is necessary to have a certain understanding of the fonts themselves. Then in this case, I will use two Chinese fonts and two English fonts. First of all, I made a simple treatment of the topic. I am here to briefly talk about how to deal with this effect, which is just a very simple trick. 0 1. Type the words in ps. 02. Choose Gaussian blur, and be careful not to be too big. 03. Select Threshold to adjust the parameters. 04. Image tracking in artificial intelligence. 05. Use the deformation tools in ai to fine-tune the details. I matched a sans-serif font-Helvetica, because the thickness ratio of regular script has tended to be the same, so choosing sans-serif font is very suitable. The rest of the characters are arranged in turn, and the hierarchical relationship is well handled. Let's take a look at the final text arrangement. The six-column grid is also used to deal with the combinatorial relationship. The last step is to add a picture theme and modify the color to complete the final poster effect. Let's see, this scheme is more flexible than the first scheme in the text. In fact, this method is more useful in pure English typesetting because English letters are simple in shape and can be more flexible. Let's take a look at this design scheme abroad. The third method is word comparison. This is probably the favorite trick of many students. The contrast of thickness will give people a very intuitive visual contrast effect, thus achieving the visual tension of the picture. Although the customer's favorite suggestion is "enlarge this and put it down", it is also a good way to control the right to use words. In this case, we will use sans serif bold. The first step is to simply arrange the text. In this step, you can not bold a certain part first. You can first control the thickness within the same thickness range, and then thicken the parts that need to be emphasized in the second step. Then bold, pay attention to the bold part needs to have a certain focus, such as the red part here, I chose the important information bold, so the layout will have certain accuracy. Finally, add the color and the main body of the picture.