Skeletal type
Skeleton type is a standard and rational segmentation method. Common bones are vertical, double, three, four and horizontal, double, three and four columns. Generally, vertical columns are the most common. In the arrangement of pictures and words, they are arranged in strict accordance with the proportion of bones, giving people a rigorous, harmonious and rational beauty.
Full version type
The layout is full of images, mainly based on images.
visual communication
Intuitive and strong. The arrangement of characters is pressed on the image of up and down, left and right or middle. Full-page type gives people a generous and stretched feeling, which is a common form of commodity advertising.
Upper and lower split type
Divide the whole layout into upper and lower parts, with pictures in the upper or lower part and copywriting in the other part. The pictures configured in the upper and lower parts can be one or more.
Left-right split type
Divide the whole layout into left and right parts, and configure the copy on the left or right respectively. When the left and right parts form a strong contrast, it will cause visual imbalance. Naturally, it is not as natural as the visual process of dividing up and down. However, if the dividing line is blurred, or the words are repeated or interspersed left and right, the left and right pictures and texts will become natural and harmonious.
In layout design, no matter how typesetting, it attracts users' attention. If you want to attract users' attention, then you must have an advantage, whether it is pictures or text typesetting, as long as it can attract users!
The typesetting method of matching words with photos can make photos more full. Let me introduce the typesetting method of matching words with photos for you, hoping to help you!
First, the text rendering type
What is text rendering? To put it simply, it is to let people pay more attention to words, and then optimize the picture with words. Huh? Isn't this a bit of a misunderstanding? Don't let words attract too much attention? Ahem, this is an exception.
Using this type, the most important thing is to choose a good font and handwriting? Rough body? Slender body? The choice of font almost determines your final effect.
For example, this work:
Because words occupy a large space, people are easily attracted to it, and because words are extremely inflammatory, people's attention will stay longer. In the choice of fonts, a harder font is chosen to match the picture, and the choice of black characters is in place.
Second, the unpretentious type
This type is very common and widely used. In short, this type is pure text, and there is no color contrast, size contrast, font contrast and so on.
This type has two basic types: vertical type and horizontal type.
For example:
This is the vertical type.
Another example is:
This is the horizontal type.
The key of this type lies in: grasping the choice of font, spacing and text.
Fonts should be integrated with the picture, and the spacing should be increased or decreased as needed. The text must not be out of place with the picture.
I won't go into details, because it's not something that can be made clear in a few words.
Third, the shading type
What is the shading type? There is a shading in the text area to separate the text from the picture.
The advantage of this type is that it can minimize the influence of the picture on the text, give you more space to choose the text and typesetting, and highlight the text more effectively.
We often encounter such a situation, when we input words in the screen, the words are often covered up by the screen because of the little difference in color. At this time, the shading type can solve this problem once and for all.
Of course, this type also has an obvious disadvantage, that is, if the arrangement is not good, it is like patching the picture.
For example:
In the picture below, because the overall tone is dark, if black characters are added, the characters will be illegible, and shading can effectively solve this problem.
The key of shading type is how to make shading better integrate into the picture without being abrupt. The main methods are as follows: making shading itself have a sense of design. Second: adjust the opacity. Third, put some words outside the shading to strengthen the connection between shading and the picture.
Fourth, the text line type
The so-called text line type means that there is a line in the text of the picture. This line usually has three forms: horizontal, vertical and diagonal, and the line itself has two forms: solid line and dotted line.
Don't underestimate this line, it can play a great role, which is mainly reflected in balancing the picture, highlighting the hierarchy and guiding the viewer.
For example:
V. Font collocation type
There's not much to say about this type, mainly about matching different font types, seeking differences from the same, and highlighting the key points. Personally, I suggest that there should not be too many fonts, and 2-3 types are enough. In addition, it is recommended to match printed and handwritten characters. Font collocation also includes: Chinese and English collocation, text and number collocation, etc.
Six, color matching type
This is also very simple, so I won't expand it. The key points to pay attention to are: don't have too many colors, just 2-3 kinds, and the purity of colors should not be too high, otherwise it will be easy to be out of the mainstream.
Seven, size combination type
This is very simple, and it has been used before, which is to make the font have a change in size, thus highlighting the key points and having a change in rhythm.
Of course, there are many combinations, such as this one:
Eight, mixed graphics and text
This is that the text is also embedded with pictures, which are generally composed of personalized signatures, totems, special symbols, etc., which can make the picture very active.
Nine, hollow type
The so-called hollow type means that the text is hollow. For the hollowed-out type, attention should be paid to the choice of background color and font. For one hand, white background color is good, of course, it is better if you can choose a more suitable one, and the font should be wide enough, otherwise it will be completely ineffective if it is too slim.
Nine, seal type
The application scope of this type is slightly narrower, mainly used in photos of Chinese style.
How to compact typesetting the pictures and characters of word?
Design is a basic and important work to do a good job in publicity and enhance the image of products and activities. Word, as a common graphic processing tool, has a good effect on dealing with the relationship between pictures and text typesetting. How to compact typesetting pictures and words in word? Then let me share the skills of compact typesetting of pictures and words for you, hoping to help you.
The steps for compact typesetting of pictures and characters are as follows:
Step 1: The picture below shows an example of typesetting, and the picture is inserted into the middle of the text. Select the picture to be typeset, and select "Format-Arrangement-Text Wrap-Compact Wrap".
Step 2: Then move the picture into the text, and you can see that there are many blank places around the picture, and the text can't be any closer to the orange image.
Step 3: Select a picture, and click the function of "Format-Arrangement-Text Wrapping-Edit Surrounding Nodes". You can see that the periphery of the selected picture changes, the border turns red and there are four nodes (all editable nodes).
Step 4: The cursor has different functions of adding nodes, moving nodes and deleting nodes with different moving modes. Please refer to the following figure for specific symbol description.
Step 5: After understanding the meaning of the symbol, edit the node points around the picture and adjust the distribution relationship between the text and the picture for many times until the distance between the text and the picture is relatively compact.