Current location - Health Preservation Learning Network - Healthy weight loss - Graphic typesetting design —— How to compress and typeset the graphic of word
Graphic typesetting design —— How to compress and typeset the graphic of word
What are the typesetting styles of pictures and words? There are 13 types of typesetting design: skeleton type, full layout, up-and-down split type, left-and-right split type, central axis type, bending type, inclined type, symmetrical type, triangle with center of gravity, juxtaposition type, freestyle type and quadrilateral type. Today, Tian Yun will share some common ones with you.

Bone type

Skeleton type is a standard and reasonable segmentation method. Common bones are vertical, double, three or four rows and horizontal, double, three or four rows. Generally speaking, vertical columns are the most common. In the arrangement of pictures and characters, it is arranged in strict accordance with the proportion of bones, giving people a rigorous, harmonious and rational aesthetic feeling.

Full version type

The layout is full of pictures, mainly pictures.

visual communication

Strong intuition. The arrangement of characters is pressed up and down, left and right or in the middle of the image. The whole layout gives people a generous feeling and is a common form of commodity advertising.

Upper and lower split type

Divide the whole layout into upper and lower parts, with the picture above or below and the copy in the other part. There can be one or more pictures arranged in the upper and lower parts.

Left and right split type

Divide the whole layout into left and right parts, and configure copies on the left or right respectively. When the left and right parts are in sharp contrast, it will cause visual imbalance. Nature is not as natural as the visual process of upper and lower points. But if the boundaries are 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 is to attract users' attention. If you want to attract users' attention, then you must have an advantage, whether it is picture or text typesetting, as long as it can attract users!

The typesetting method of matching text with photos can make photos more full. Let me introduce you to the typesetting method of matching words with photos, hoping to help you!

First, the text rendering type.

What is text rendering? Simply put, it is to make people pay more attention to words, and then optimize the picture with words. Huh? Is this 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? The choice of font almost determines your final effect.

For example, this work:

Because words occupy a lot of space, people are easily attracted by it, and because words are extremely inflammatory, people's attention will stay longer. In the selection of fonts, a hard font is selected to match the picture, and the selection of black characters is also in place.

Second, the unpretentious type.

This type is very common and widely used. In short, this type is pure text, without color contrast, size contrast, font contrast and so on.

There are two basic types of this type: vertical and horizontal.

For example:

This is vertical.

Another example is:

This is horizontal.

The key of this type lies in: grasping the choice of font, spacing and text.

Fonts should be integrated with pictures, and the spacing should be increased or decreased as needed. Words cannot be incongruous with pictures.

I won't elaborate, because it's not clear in a few words.

Third, the shading type

What is the shading type? The text area has shading to separate the text from the picture.

The advantage of this type is that it can minimize the influence of pictures on words, give you more space to choose words and typesetting, and highlight words more effectively.

We often encounter such a situation, when we input words on the screen, the words are often covered 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: make the shading itself have a sense of design. Second: adjust the opacity. Third, put some words outside the shading to strengthen the connection between the 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 oblique, and the line itself has two forms: solid line and dotted line.

Don't underestimate this line, it can play a great role, mainly reflected in balancing the picture, highlighting the level and guiding the viewer.

For example:

Verb (abbreviation of verb) font collocation type

Not much to say about this type, mainly the collocation of different font types, seeking common ground while reserving differences and highlighting key points. Personally, I suggest not too many fonts, 2-3 fonts 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 don't have too high purity of colors, otherwise it will easily become mainstream.

Seven, size combination type

This is very simple, and it has been used before, which is to make the font change in size, so as to highlight the key points and change rhythmically.

Of course, there are many combinations, such as this one:

Eight, graphic mixed arrangement

That is, pictures are embedded in the text, which are generally composed of personalized signatures, totems, special symbols and so on. , can make the picture very active.

Nine, hollow type

The so-called hollow type means that the words are hollow. For hollowed-out type, attention should be paid to the selection of background color and font. On the one hand, the white background is good, of course, it would be better if you could choose a more suitable font, and the font should be wide enough, otherwise it will be completely ineffective if it is too thin.

Nine, seal type

This type of application is slightly narrower, mainly used in photos of Chinese style.

How to compact typeset the pictures and characters of word?

Design is a basic and important work to publicize and enhance the image of products and activities. Word, as a common graphic processing tool, has a good effect in dealing with the relationship between pictures and text typesetting. How to compact typesetting pictures and words in word? Then let me share with you the skills of compact typesetting of pictures and words, hoping to help you.

The compact typesetting steps of pictures and characters are as follows:

Step 1: The picture below is an example of typesetting, and the picture is inserted in 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. You can see that there are many blank places around the picture, and the text can no longer be close to the orange image.

Step 3: Select a picture and click the function of "Format-Arrangement-Text Wrapping-Edit Peripheral 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, and the moving modes are different. Please refer to the figure below for the specific symbol description.

Step 5: After understanding the meaning of the symbol, edit the nodes around the picture and adjust the distribution relationship between the text and the picture several times until the distance between the text and the picture is relatively compact.