Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

2018-08-15

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Optical illusion refers to the phenomenon that visual perception is inconsistent with objective physics. After accepting the information transmitted by the visual system, the human brain will make the right judgment as far as possible after the comprehensive comparison and analysis, but when the information is not enough or the error is disturbed, there will be a phenomenon of disagreement between the visual form and the physical form. Feel.

A common visual illusion

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Delta wave root delve (Poggendorff) illusion

After a straight line passes through a rectangle, the line segments feel stagger on both sides of the rectangle.

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Delta Mueller Leil (M u ller-Lyer) illusion

The horizontal line above is equal to the horizontal line below, but it looks like the horizontal line is longer than the above.

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Delta Fick (Fick) illusion

The vertical line is equal in length to the horizontal line, but actually it looks like the vertical line is longer than the horizontal line.

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Delta Ebbinghaus (Ebbinghaus) illusion

The two circles in the middle are equal in area, but it appears that the middle circle on the left is larger than the circle in the middle of the right.

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

Delta twist delusions

The three arcs seem to be very different in bending, but their bending is exactly the same, but the length is inconsistent.

Through these classic optical illusions, we find that the same length, the same width, and the same area are different from the objective reality in some special cases. This is because the human visual system is a system based on experience and sensation, not a precise physical record and feedback system, so in a certain case the visual observation and reality will be biased.

Two. Visual illusion and solution in design

In the design, there is also visual illusion, when the appearance of visual illusion, the actual effect is to see the visual basis, to adjust the design, in order to achieve the visual perfection. Please follow the essayist from the three major aspects of text, graphics and color to see what specific examples are there.

1. words

Combination of Chinese characters and numbers

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

In the design of Finance and e-commerce, the coexistence of digital and Chinese characters often occurs, but the design principle of Chinese characters and numbers is different. The Chinese characters are designed according to the field character. The numbers are designed according to the English design rules. The characters and numbers of the same characters are arranged together, and the numbers will appear small. Some. At this time, we need to manually adjust the size of the number or the font size of one of the Chinese characters to achieve visual balance.

After adjustment, the number of strokes is thicker than that of Chinese characters because of the larger number of characters, but it does not matter, which can balance the weight of Chinese characters and numbers. Because the numeral stroke structure is relatively simple, the strokes of Chinese characters are relatively complex and the characters are heavier.

Seeing is not necessarily true! A comprehensive summary of the barrier method in the design

The possible scenario for the delta adjustment method

But this adjustment method also needs to consider the use of the scene, the method of adjusting the word number is more suitable for the design of the content of the poster, banner and so on. It can also be used in the relatively fixed design of active H5 and so on. In the app and web pages, it can be applied if the fixed match between the number and the Chinese character can also be applied, but it needs to be applied. Apply it flexibly according to the specific circumstances.

爱上海419论坛 爱上海