Font matching in layout design-2018-4.26

We divide the most common fonts into the following five categories:

The use of each type of font must conform to the temperament of the scene

1. Black body (without lining) Line body) - commonly known as geometric body, giving people a mechanical and modern feel

2. Song style (serif body)

3. Round body (cartoon body) - end of strokes It is round and gives the impression of being approachable. As the thickness of the strokes changes, the temperament of the font will also change. Round characters with thick strokes will show the impression of children and naivety, while the thinner the strokes, the more mature they will appear.

4. Calligraphy (handwriting) - Handwriting gives people a sense of warmth, nature and tension of life. If you want a font to convey affinity, you need to choose a font with handwriting characteristics. This font will have a more humanistic feel. Handwriting with relaxed and natural strokes is more suitable for casual situations

5. Artistic calligraphy (display calligraphy) - only suitable for scenes such as titles or main images in the layout.

The so-called modern sense is an artificially created object by deconstructing nature and using geometry and lines. It is in line with the popular trends of today's era and is reflected in various fields such as industry, music, clothing, and architecture.

When applied to fonts, the text structure is simple and concise, which will give people a modern and advanced impression, but lack vitality. The fonts that best embody this situation are bold and sans-serif and display fonts.

Here we want to focus on calligraphy fonts. Chinese fonts have evolved into

oracle bone inscriptions, bronze inscriptions, seal scripts, official scripts, cursive scripts, regular scripts and running scripts

The older it is, the more it can reflect the history and weight of culture. As it evolves to the present, the text reveals more of the impression of culture and atmosphere.

Among the printed fonts of Chinese characters, Song font has the longest history. When it comes to expressing a sense of culture and history, apart from calligraphy, Song font is the best choice.

Format design - arrangement and combination of elements

Copywriting information

Key information extraction:

MAGIC SHOW - main title highlighted

The main title here not only reflects font enlargement and exaggeration, but also needs to pay attention to detail design and make an eye-catching design.

First of all, in terms of font selection, according to the style positioning and the situation that the copy information needs to be reflected, a modern sans serif in Western language is selected to match it.

Furthermore, see if you can focus on the design from the font. In the example, the method of replacing the font is that among the five Latin letters, only the stroke of A is closed, and it is replaced with Λ in the Greek letter. This will not greatly affect its recognition in an English environment, and it is also a relatively common form of processing.

Secondly, combine photos and text. In addition to the choice of fonts and photos, the layout also needs to be modern. In order to make the picture appear richer, the letters were disassembled and placed into the layout, and bleed processing was performed. The parts other than the bleed will appear repeatedly in the layout to reflect the characteristics of the digital style

Here C and G have similar outlines, and they can be identified by cutting out the characteristic parts of G. into the letter C. The diagonal line in the lower left corner forms a complementary relationship with the text in the upper right corner. (Note: The echo relationship can refer to the echo of letters, diagonal echo, etc.) And the disassembly of the text is not haphazard. It is arranged according to the Z character, the word spacing should be smaller than the line spacing, and the layout is based on the reading logic from left to right. As shown below:

After the position and proportion of the main title are roughly determined, we can use some aesthetic proportions to fine-tune the positional relationship of elements in the layout.

There are three considerations for aesthetic proportions: 1. The layout of the border (length and width) conforms to the golden ratio; 2. There should be white space around the layout, at least a distance of 10*10; 3. The text should be arranged horizontally or For vertical alignment, you need to select a reference object for alignment.

In the picture, the size of the main title text, which is also vertical, is compared with the English title. However, in order to align it vertically with the English title, the text spacing is not lengthened, but vertical lines are added. Separation increases the tightness and legibility of information; to fill the gap in the upper left corner, icons and English information can be added to the layout. Pay attention to the cross alignment of elements. Here, align the combination with the turning point of the letter G.

At the bottom of the page, information such as time and address are arranged into the page in sequence, and aligned with the M in the main title. It can be found that the arrangement of the remaining information will always choose to align with a reference object, either the left edge or the right edge of M. In short, the overall balance and neatness of the layout should be maintained.

Key information extraction:

1. Main title—The Immortal Van Gogh

2. Subtitle—Commemorating the 125th anniversary of Van Gogh’s death

3 Text information - content, time and place, character introduction

We can divide it into several parts according to the level of the text: title layer, short information layer (content summary, time and place, etc.), long Literary layer (character introduction, etc.)

Based on the positioning of literary retro, we first consider the font style to be Song Dynasty that reflects the richness of culture and history.

Pull out the Immortal Van Gogh copy alone to make a prominent main title. We have said that the prominent main title is not only reflected in size, thickness and movement. We must pay more attention to details, such as Reflecting the sense of historical sedimentation of the concept of immortality, it is processed into a shape that has been eroded by time and incomplete. Make it closer to the impression of the graphic and create a memory point.

Text cannibalization effect - create a new layer, add Gaussian blur to the text, merge the bottom layer, adjust the color level (adjust the values ??of black, white and gray)

Place the subtitle into the layout , choose the typesetting style according to the content of the image itself. Note that the subtitle text should choose the English font of the corresponding period. Note that the typesetting should echo the outline of the image.

Finally, add embellishment elements and fine-tune the positional relationship of elements in the layout through aesthetic proportions

Note: The source of the article is research equipment. Learn, observe, and summarize.