Current location - Recipe Complete Network - Dietary recipes - Layout design of the text layout of the contrast principle is what?
Layout design of the text layout of the contrast principle is what?
Here I summarize the three main principles of contrast in text arrangement, which are the most basic and the easiest to master several types. Why use contrast? Because in the process of design, different text itself has different degrees of importance, so in order to divide the hierarchy, and then use contrasting techniques to strengthen the important, weaken the secondary. Efficiently reach the publicity needs. So here I first cite an extreme case, the following picture is the only design work of Takada, do not look at the specific content of the message, from the arrangement of the text, we do not have a very strong feeling of "contrast", which is almost contrary to the design of common sense, so many students will say that they do not understand, do not understand what in the end to show. Can not understand is normal, because this is really outside the common sense of a design attempt, and even the author did not even adjust the size of the font, it is so naked and obvious will be arranged in order down the text. Let's look at another case, this case in a way, is also outside of common sense. Let's just look at its text arrangement, you will find that the author will be in English and Chinese text with a high degree of matching, that is, almost to achieve the "thickness of the same", which is very see the details of the place. In addition, it is said that this work is to some extent extreme in text arrangement because the techniques used in text layout are very restrained. In other words, only "font size contrast" is used in the text. Font size contrast is very common, but what is not common is "only using font size contrast". In Guang Yu's works, this technique is no longer used as a simple technique, but as a common style. Let's take a look at the following works, all of which are done with the technique of "contrasting font sizes". Let's look at the first example. The first case we will use the font size contrast to divide the text of the hierarchical relationship, then the first step, we need to arrange all the text into the text of the same size and thick. That is, the font size is the same, the word weight to maintain consistency. The following chart, this is my classification of good information, the use of SiYuan bold, Chinese and English did not do to match. Then we have to solve the next four problems. First, the choice of font, I choose a Japanese font here - A-OTF リュウ ミン, the English choice is Garamond. second, English and Chinese with the font size of the case, the English to be slightly smaller, so increase the font size of the English. Third, adjust the word spacing line spacing group spacing, to ensure a unified relationship. Fourth, special attention should be paid to the English and Chinese selection of font, observe the proportion of changes in the English and Chinese to maintain a consistent relationship between the proportion of thick and thin. The following is the effect of my adjusted. Then analyze the text, divide the hierarchical relationship, and then do the size of the font size comparison. Generally, if you want to completely open the contrast, the font size should be 2-3 times the relationship. Above the text arrangement effect is a certain composition law, I personally like to use a six-column grid, more changes, the arrangement of degrees of freedom to be a little higher. Font size contrast this trick is very good, many students can not grasp the changes in the weight of the word, often into the text arrangement of confusion, then this trick can be very efficient to complete the division of the hierarchy. The last step, we go in accordance with the main body to join the main elements, modify the color, this program is completed. The second method, font comparison. Font contrast is relatively more difficult, conventional we will be more recommended to minimize the use of different fonts, the use of fonts, the smaller the number of types of the better, this is because of the different fonts, can be put in the general layout of the harmony and do not let a person feel abrupt, the need for fonts have a certain degree of understanding of itself. So in this case, I'm going to use two Chinese fonts and two English fonts. First of all, I will do a simple treatment of the title. I'm here to simply say how to deal with this effect, just a very simple tips. 01. in ps will be typed out. 02. select Gaussian blur, pay attention to not too big. 03. select "threshold", adjust the parameters. 04. in ai in the image tracing. 05. in ai using the deformation tool for the Fine-tune the details. The title of the English I give it with sans serif - Helvetica, because the italics of the proportion of thickness has tended to be consistent, the choice of sans serif is very suitable. The rest of the text is arranged down in order to deal with the hierarchical relationship. Let's take a look at the final text arrangement effect. The same use of six-column grid, deal with the composition of the relationship. The last step, add the screen theme, modify the color, so that the final poster effect is completed. Let's take a look at this program in the text than the first program more variability and flexibility. In fact, this method is more useful in pure English typography, because the English letters are simple and can have more flexible variability. Let's take a look at such foreign design programs. The third method, word weight contrast. This is estimated to be the favorite move of many students, the thickness of the contrast will give a very intuitive visual contrast effect, so as to achieve the visual tension of the picture. Although the customer's favorite suggestion is "this enlarge this put small", but if the word weight control is also a good way. In this case, we will use a bold font with sans serif. The first step, the first simple arrangement of the text, this step, you can not first bold a certain part. You can first control the thickness in the same thickness range, the second step and then bold a part of the need to emphasize. Then bold again, pay attention to the bold part of the need to have a certain focus, such as the red part here, I have chosen the important information to bold, so that the layout will have a certain degree of accuracy. The last step, add color and the main body of the picture, complete.