laitimes

Optical illusion in the design of "do it wrong".

author:Liangtian design

There are often some illusions encountered in design, and some artists deliberately create these illusions, most of which are created using some habits of the human brain, but in any case, they are so fascinating.

Optical illusion in the design of "do it wrong".

1. Mach belt

In the field of graphic design, it is a very common design to place a similar set of colors next to each other. Look closely, and you may have noticed that a "non-existent" shadow appears at the edge where two contrasting color blocks meet. This optical illusion is known as the "Mach Belt Effect".

Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".

Shadows between the edges of each row: Technically, this phenomenon is explained by lateral inhibition, which means that the darker side will appear darker and the lighter side will appear brighter.

2. Herman grid

Optical illusion in the design of "do it wrong".

The Herman grid illusion is very common and can be seen in a square grid on a high-contrast background. Directly looking at any square will produce ghost-like spots at the intersection of the squares. If you look directly at the intersection, the spots will disappear.

Optical illusion in the design of "do it wrong".

Gray dots appear when looking at the places of crossings: in short, it is neurons in an excited state that can weaken the visual signals of peripheral neurons.

3. Contrast illusions at the same time

Optical illusion in the design of "do it wrong".

Placing two objects of the same color on a background with different contrasts will make the two objects appear to be different colors. In visual design, this phenomenon is known as the illusion of simultaneous contrast, but the degree of perception can also vary from person to person.

Optical illusion in the design of "do it wrong".

The color of the two texts is actually the same, but it appears very different when placed on a different color background. Unfortunately, there is no reliable theory as to the cause of this illusion, but a large number of studies can speculate that side inhibition may be one of the causes of this illusion.

Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".

4. Munch · White delusion

Optical illusion in the design of "do it wrong".

The illusion is quite subtle, but still fun! Looking at the GIF above, the purple block on the left looks brighter than the purple block on the right. Once the interfering color blocks are removed, you will find that the different color blocks on these two sides are actually the same color.

Optical illusion in the design of "do it wrong".

Gray lines appear dark on light backgrounds, but will appear bright on dark backgrounds.

5. Conswick delusion

Are the two rectangles the same color? The gradient creates the impression that one side of the image is actually darker than the other, but in reality, both are the same color.

Optical illusion in the design of "do it wrong".

Each diamond has the same gradient, but they look darker and darker

Optical illusion in the design of "do it wrong".

6. Miller-Lyle delusion

Font design that follows mathematical precision can make the entire word visually disproportionate based on its metric height. Put simply, correction is the readjustment of individual font sizes to achieve visual balance

Optical illusion in the design of "do it wrong".

Because of the Miller-Lyle delusion. This visual phenomenon suggests that placing a V-mark at both ends of a line segment may cause it to appear shorter or longer than it actually is, depending on the direction of the V-mark. This classic illusion proves that human perception is wrong

Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".

7. Jastrow delusion

Optical illusion in the design of "do it wrong".

Whether it's an illustration or a logo, different shapes may need to be cut out during the process, and this illusion occurs when bending an object. These two elements are different in size, but upon closer inspection, they are actually exactly the same size.

Optical illusion in the design of "do it wrong".

This illusion is seen during the creation process, as some of the same curved edges may appear smaller than others

8. The illusion of a sloping road

Optical illusion in the design of "do it wrong".

These two photographs look like two different angles of a road. But in reality, the two photos are exactly the same.

9. The dynamic Ebbinghaus illusion

It's an illusion that can fool the brain repeatedly, but in reality the orange circle never changes the size at all.

Optical illusion in the design of "do it wrong".

10. Starry Night

Stare at the center of the image above for 30 seconds, and then look at Van Gogh's starry night below, and the otherwise still image will move.

Optical illusion in the design of "do it wrong".

This is an example of a motion aftereffect. When you stare at this dynamic vortex, your visual system compensates for this predictable movement, so that you can ignore the dynamic stimulus more quickly.

11. The illusion of the walls of the blue café

Believe it or not, each horizontal line in the diagram is perfectly parallel to each other. To prove this, you just need to squint or look into the image from the side.

Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".

12. Confetti

This is an optical trick of the Munch-White illusion, mainly manifested in black, white, and gray variants. In fact, the color of each circle in the image is the same, the only difference is the color of the lines around the circle.

Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".
Optical illusion in the design of "do it wrong".

Read on