Many designers have this question, why do many online layout cases look simple, use no complicated skills, and don’t add too many elements, but they give people the feeling that they are very good-looking and have a sense of design. When they type in a similar way, they are always said to be too simple and not good-looking? The main reason is that there is a gap in the processing of details, so today I will share with you the processing methods of 6 layout details.
1. Choosing the font
The most important thing is to choose the right font. This step is not done correctly, and the subsequent font is completely in vain. Usually, we choose the font according to the following situations:
❶ Select the font according to the industry attributes
The visual association given to people is different, especially industries with relatively large differences in industry attributes. For example, the technology industry is modern, simple, precise, rational, and high-end, so the strokes and structures are relatively simple, rigorous, and elite fonts are more suitable for the technology industry, such as Apple Simplified Chinese, Siyuan Bold, Alibaba Mama Scientific Chinese Bold , Kingsoft Cloud Technology font and other sans serif fonts.
For example, many catering industries give people the feeling that they are people-friendly, down-to-earth, or have some historical heritage, so soft and retro fonts are more suitable, such as calligraphy fonts, handwritten, Song font, regular script, official script, etc.
Another example is the impression given by the maternal and infant industry to be cute, lively and soft, so fonts suitable for the maternal and infant industry usually have these characteristics: round, thicker strokes, multiple curves, wider literals, and flexible structures, such as round bodies, doll bodies, children's bodies, handwriting, etc.
❷ Choose fonts according to tone requirements
When customers issue design needs, they usually have clear tone requirements, such as being more fashionable, taller, or lively, etc. At this time, we need to choose fonts based on the tone proposed by the customer. Of course, the premise is that we must be clear about the tone of different fonts.
If the customer wants a fashionable and fashionable tone, this feeling is usually personal, ostentatious, and breaks the rules, so it is suitable to use some handwritten words with very bold strokes, as well as fonts with thicker, simpler strokes, tougher structures, and tighter central palace.
If the customer wants a high-end, atmospheric and upscale tone, this feeling is low-key, exquisite and elegant, so it is suitable for fonts with fine strokes, slender fonts, high center of gravity, more professional and classic, such as Song and bold.
And if the customer wants a warm and thoughtful tone, then the soft and simple fonts will be more suitable, such as handwriting with thinner strokes.
❸ Select the font according to the picture
If there are pictures in the layout, these pictures determine the tone of the design to a certain extent, so you need to choose the font according to the content of the picture or the style of the picture. For example, the illustration style is suitable for the easy handwritten .
For example, the picture is Chinese style, then it is more suitable for calligraphy fonts or Song fonts.
In addition, you can also select fonts based on the text content, and the principle is similar to the previous situations.
2. Font size
The size of the main text in the layout will also affect the visual level and temperament of the text. We can simply summarize the font size into three font sizes: large, medium and small. Of course, these three font sizes are all relative values. Compared with the specific layout size, just judge by visual.
❶ Large font
If the main text uses a large font size, it will have a very direct, young, and down-to-earth feeling, so sports posters, trendy posters, and promotional posters like to use large font sizes.In addition, when the font size is larger, the influence of the text on the picture will increase, and the details of the text will be magnified, so the requirements for fonts are relatively high. Generally, you will choose well-designed font library fonts, or design a set of fonts yourself.
❷ Medium font
If the main text in the page is of medium font size, then there will be an unconventional feeling, because although this page is easy to read, it usually lacks a sense of elegance. It was originally mainly used in designs for the elderly, and after some special processing methods, this page will appear very personal and artistic.
❸ Small letters
Text using small letters will give people a delicate and advanced feeling, but it will also reduce the recognition of the text and make people feel that it is not very important. Therefore, you should choose fonts with higher recognition, such as Song font and bold font. In addition, the characters are more important and the layout should be cleaner and tidy.
❹ Large and small font combination
If the text in the layout has a strong contrast in size, the primary and secondary relationship will be very vivid and atmospheric, and it will usually increase the theme or keywords, and reduce the layout of other texts, which is commonly used in the layout of promotional posters, text posters, and album page designs.
❺ Large, medium and small font combination
If the font size of the Chinese characters in the layout can be clearly divided into three levels: large, medium and small (not necessarily only three), this layout will have rich visual levels, as well as a simple and clear visual process, which can easily give people a very comfortable and professional feeling. It is suitable for the content itself to divide the layout at several levels.
❻ Medium and small font combination
If there is no particularly large font size in the layout, only medium and small fonts, this layout is actually the most common, and is commonly found in the fields of album design, poster design, web design, etc. This type of layout has a delicate and gentle feeling, and is full of variation, with clear main and secondary relationships, which are suitable for pictures as the main body or with a lot of text.
3. Word weight
Many classic font fonts have 3-7 characters. The main characters are: Light (slim), Regular (regular), Medium (medium), and Bold (bold). The effects of the four characters will be significantly different and are used in different occasions. Bold is often used in large titles, Medium is often used in subtitles and subtitles, Regular is often used in main text, and Light is often used in decorative text or titles. In actual use, the word weight needs to be matched with the appropriate font size to achieve the ideal effect. The following Congye shares several commonly used combination types.
❶ bold larger font
This combination is suitable for title text, or promotional information in promotional posters, etc., and can effectively highlight important words and be visually profound and powerful.
❷ Light/Regular larger font
This combination is also suitable for titles. The difference from large font plus bold is that this combination effect can highlight the text without giving people a rough feeling. Sometimes, bold and light/Regure can be used in the title at the same time. The strong contrast effect can effectively enhance the design sense.
❸ Light plus medium font
This combination is also often used for poster or album title design. Since medium fonts are used, even if the strokes are thinner, the text is still clear, and it will be more delicate and delicate visually. In addition, the text in this layout usually uses light font weight, otherwise it will be less harmonious when combined.
❹ Light plus small font
This combination is often used for internal text typesetting, that is, it is not particularly important text, but because the strokes are too thin, it is not suitable for large paragraphs of text, but is more suitable for small amounts of text, so it is often used in business cards, banners, e-commerce details pages, and UI design .
❺ medium plus medium font
This combination is also commonly used for poster design and album design title layout. Medium plus medium font can effectively highlight the text, but the effect will be more elegant and advanced than large fonts and bold fonts, and is more suitable for technology, home appliances, clothing and other industries.
4. Word spacing
The word spacing changes slightly less. We can simply divide it into three types: regular spacing (equal to or close to the default of the design software system), small spacing (less than the conventional spacing), and large spacing (greater than 0.5 character width).
❶ Regular spacing
Regular spacing is most in line with human reading habits, is visually more comfortable, and has the widest applicable ability. It can be used in almost all occasions, among which it is most commonly used for internal text typesetting, but in some cases, the effect will be more conventional when using regular word spacing.
❷ Small spacing
Small spacing is suitable for long title typesetting, and it is usually used with large font sizes and bold font weights. This combination can maximize and reduce the reading difficulty caused by small spacing. The small spacing layout can make the title more compact, more overall, and more focused. In addition, in a limited layout, the spacing can be reduced and the font size can be increased accordingly, so the title can also be more prominent.
❸ Large spacing
Text spacing will also reduce the reading efficiency, and at the same time, it will reduce the number of words that can be typed in each line. Therefore, large spacing is usually used for content typesetting with relatively few words, such as short titles, advertising slogans, decorative texts, copywriting with less word count in a single line, etc. Large spacing will make people feel relaxed, rhythmic and strong design visually.
5. Line spacing
Line spacing is also a very important detail in layout design. In addition to affecting the reading efficiency, the size of the line spacing will also affect the aesthetics and temperament of the picture. According to the size of the line spacing of the text, we can divide it into regular line spacing, small line spacing (small line spacing) and large line spacing (line spacing greater than the height of the text).
❶ Regular line spacing
General line spacing usually refers to the line spacing being 1.2-2 times the font size (for conventional font library fonts). This line spacing is the easiest to read, and it will not visually separate lines from line, so it is often used for layout of texts.
❷ Small line spacing
Small line spacing is similar to small spacing. It is usually used with large font size, bold word weight, and small spacing. It is often used for title and text wall typesetting. This type of layout is characterized by compactness, overallness, strong design and visual impact, with a certain degree of artistic quality, and is also convenient for the arrangement of text into specific shapes.
❸ Large line spacing
Large line spacing will cause the pause of each line to become longer, there will be a little poetic and rhythmic, and there will be a little scattered visually, so it is not suitable for too many words, and copywriting such as poetry and lyricism are more suitable.
