Trying to break up a couple is often just to add some distance between them.
This is actually the core of the intimacy principle. When the distance between two visual elements is close, the correlation becomes stronger, and when they are separated by a certain space, their correlation decreases.
When we fully understand the information and start sorting it out, we can use distance to control the structure and logical relationship between them, thus making reading smoother.
As shown in the figure, without changing the font, weight and font size, I simply distinguished the information by distance. The information that was originally piled together has enhanced certain logicality, and it is much easier to read.
Although we are dealing with the intimate relationship between short messages, we are actually controlling the relationship between various spaces.
Such as word spacing, line spacing and group spacing, the width of these distances affects the grouping situation and the overall feeling.
Reasonable spacing should not only make the picture comfortable, but also organize the information.
The distance between each group is greater than the distance between rows to reflect the relationship between them.
The relationship between the cases arranged in the above figure and the text group is clear and clear.
Summary of intimacy principle: the purpose of intimacy is to organize information, judge which related elements in the page can be organized together and which unrelated elements need to be separated, and realize the orderly organization of pictures.
Second, alignment.
Text information randomly placed in the layout will inevitably lead to confusion.
Element alignment is the simplest way to establish an order, such as left-right alignment, top alignment, bottom alignment, both ends alignment and center symmetry. I'm sure you've heard of it and often use it.
Although this is a simple principle, it can establish order and influence the layout style.
Left alignment conforms to people's reading habits, and forms a sense of rhythm through the length of each line of text.
It is a very comfortable way to arrange words.
Rightaligned characters also have a sense of rhythm. Different from the left-aligned characters, the direction has changed, which is just opposite to the normal reading direction of people, so the viewer has a certain strangeness and a novel way.
Vertical alignment with the top is a common arrangement of ancient books, which gives people a sense of history and culture.
The bottom of the vertical row is aligned and rhythmic, but it is not easy to read. It is a good choice to use it as the decorative text of the picture.
No matter whether the text is arranged horizontally or vertically, you can use the alignment method.
The alignment of the two ends we often see in picture books shows that the text group presents a rectangular box in the picture, which is smooth, soothing and organized.
In some posters, it can also be shown that when the text groups with different alignment are arranged together, they present an overall square shape, just like the picture on the right.
Symmetry in the middle and text alignment in the middle are very common arrangements, which can reflect the classic feeling of the picture.
Summary of alignment principle: When designing, consciously use alignment to arrange words, so that the picture is unified and organized. Although it doesn't limit how many alignments you can use in a picture, if you are not completely sure, try not to have multiple alignments to confuse the picture.
Third, repetition.
Don't be afraid of repetitive elements in the picture, because repetition not only refers to the repetition of information, but also includes the repetition of fonts, lines, symbols, colors, formats, spatial relationships and so on.
In the poster case above, there is duplication of products, lines and points.
Another example is that many pages of an album have the same structure and visual elements, and the viewer realizes that this is a related album.
Look at the three posters above. What makes you think they are series posters?
Repetitive summary: Repetition can be understood as consistency.
Fourth, comparison.
Various forms of contrast are aimed at making the picture more attractive.
The above principles realize the logic and sense of order of text information, but the favorable means to make the picture more expressive and attractive is to make the picture contrast.
I once wrote an article about comparison, and several common comparison methods in design. Click on the title of the article to jump, so I won't go into details here.
Contrast summary: The purpose of contrast is to make the picture attractive. It is worth noting that there should be a clear hierarchical relationship when dealing with the contrastive relationship in text arrangement.
For example, the title text in the picture is eye-catching, but other words are boring and consistent, so when the viewer sees the poster, although he sees the title at first sight, he wants to look closely but doesn't know where to look.
There are both contrasts and excesses, so it is appropriate to insert excessive visual elements between the most striking and the weakest visual elements.
Verb (abbreviation of verb) technique
1, how to embody logic?
Font size comparison, negative space distance comparison.
2. What should I pay attention to when making comparisons? Don't be too extreme in font size contrast, but build a surplus between the strongest and the weakest.
Strong contrast is really needed, and the distance can be widened appropriately, so that the blank can be used as a buffer.
3. How to establish a sense of rhythm in a paragraph?
Non-end alignment will have a certain sense of rhythm because of different lengths, but a better rhythm form is that the length between the lengths should not be particularly long, the short ones should be particularly short, and the negative spaces should be the same.
4. What are the things that are easily overlooked in the picture? The regularity of negative space, the balance of the picture and the visual contrast are all extreme.