天天看点

“一做就错”的设计中的视错觉

作者:良田设计

设计中经常会遇到一些错觉,有一些艺术家更是刻意的制造出这些错觉,这些错觉大多利用人类大脑的一些习惯所创作的,但是无论如何,它们都是如此的令人着迷的存在。

“一做就错”的设计中的视错觉

1.马赫带

在平面设计领域,将类似的一组颜色彼此相邻放置是一种很常见的设计。仔细观察,你可能已经注意到一个 “并不存在” 的阴影出现在两个对比色块相接的边缘。这种视错觉被称为「马赫带效应」。

“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉

每行的边之间出现阴影:从技术层面解释这个现象,是由于侧向抑制,通俗的说就是暗的一侧会显得更暗,而较亮的一侧会显得更亮。

2. 赫尔曼网格

“一做就错”的设计中的视错觉

赫尔曼网格错觉非常常见,并且可在高对比度背景上的正方形网格中看出。直接观察任意正方形,在正方形的相交处会产生像幽灵一样的斑点。如果直接看相交处,斑点就会消失。

“一做就错”的设计中的视错觉

观察十字交叉的地方时会出现灰点:简而言之,它是兴奋状态的神经元,可以削弱周围神经元的视觉讯号。

3.同时对比错觉

“一做就错”的设计中的视错觉

将两个相同颜色的对象放在不同对比度的背景上,会使两个对象看起来变成不同的颜色。在视觉设计中,这种现象被称为同时对比错觉,但对不同的人来说,感知的程度也会有差异。

“一做就错”的设计中的视错觉

两个文本颜色实际上是一样的,但放置在不同颜色背景上显得差异很大。不幸的是,对于这种错觉产生的原因还没有一个可靠的理论,但是大量的研究可以推测这种错觉,侧抑制就可能是这个现象的成因之一。

“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉

4.蒙克 · 怀特错觉

“一做就错”的设计中的视错觉

这种错觉是相当微妙的,但仍然很有趣!看上面的 GIF,左侧的紫色块看起来比右侧的紫色块更亮。而一旦把干扰色块去掉,就会发现这两边不同色块其实颜色一样。

“一做就错”的设计中的视错觉

灰线在浅色背景上显得很暗,但在深色背景上会显得很亮。

5.康士维错觉

两个矩形的颜色一样么?渐变产生的印象会让你感觉图像的一侧实际上比另一侧更暗,但实际上,两者都是相同的颜色。

“一做就错”的设计中的视错觉

每个菱形都具有相同的渐变,但它们看起来越来越暗

“一做就错”的设计中的视错觉

6.米勒-莱尔错觉

字体设计时若遵循数学意义的精确,基于它的公制高度,会使得整个单词视觉上显得不成比例。简而言之,所谓补正即重新调整单独字体大小,以求得视觉效果上的平衡感

“一做就错”的设计中的视错觉

因为米勒-莱尔错觉。这个视觉现象表明将一个V型记号放到线段两端可能造成其显得比实际更短或更长,(长短) 取决于V型记号的朝向。这个经典的错觉证明了人类感知错误

“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉

7.贾斯特罗错觉

“一做就错”的设计中的视错觉

无论是插图还是 Logo,在处理的过程中可能需要切割出不同的形状,这种错觉就发生在弯曲物体时。这两个元素的大小不同,但仔细检查,它们实际上是完全相同的大小。

“一做就错”的设计中的视错觉

这种错觉是在创作过程中看到的,因为一些相同的弯曲边缘可能看起来比其他边缘小

8.倾斜的道路的错觉

“一做就错”的设计中的视错觉

这两张照片看上去就像是两个不同角度拍摄下的一条道路。但实际上,这两张照片是一模一样的。

9.动态的艾宾浩斯错觉

这是一个屡屡能骗过大脑的错觉,但实际上橙色圆圈根本没有改变过尺寸。

“一做就错”的设计中的视错觉

10.星月夜

盯着上面图片的中心30秒钟,然后再看下面梵高的星月夜,原本静止的画面会动起来。

“一做就错”的设计中的视错觉

这是动作后效(Motion aftereffect)的一个例子。当你盯着这个动态漩涡看时,你的视觉系统就会对这一可预测的运动作补偿,好让你就更快忽略这种动态刺激。

11.蓝咖啡馆墙壁的错觉

信不信由你,图中每一条水平线都是完全互相平行的。要证明这一点,你只需要斜视或者从侧面入视图像。

“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉

12.五彩纸屑

这是芒克-怀特错觉一种光学戏法,主要表现在黑白灰色的变种。其实图像中每一个圆圈的颜色都是相同的,唯一不同的只有圆圈周围线条的颜色。

“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉
“一做就错”的设计中的视错觉