视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用
视觉错觉图是什么原理:眼见不一定为实 聊聊视错觉的原理和设计应用下面我们就来简单了解一下它的几个重要特性与设计应用。据说在 1910 年的某天,心理学家 Max Wertheimer 看到一个铁路交叉道口的信号灯交替闪烁,产生了这么一个错觉:他觉得这些信号灯是在一个圆周之内运动,事实上,这些信号灯只是按预定的时间间隔闪烁而已。这个视觉与现实的差异触发了 Wertheimer 的灵感,并形成了一套完整理论。贾斯特罗幻觉以上现象通常称之为“视错觉”,它象是眼睛跟我们开的一个玩笑,而我们往往还乐于接受这些假象。其实“视错觉”现象的背后有很多理论解释,感兴趣的同学可以搜寻公开资料了解。其中有一个重要的科学原理——格式塔原理(Gestalt是一个德国词,意为图像或形式)。格式塔原理解释了人们如何以视觉感知物体,以及图像的结构、视角、大小等要素是如何影响我们的视觉的。
缪勒-里尔幻觉
实不相瞒,左右两个色块的颜色其实是一样的。
同时对比错觉
实践出真理,原来眼睛真的在骗我。
贾斯特罗幻觉
以上现象通常称之为“视错觉”,它象是眼睛跟我们开的一个玩笑,而我们往往还乐于接受这些假象。其实“视错觉”现象的背后有很多理论解释,感兴趣的同学可以搜寻公开资料了解。其中有一个重要的科学原理——格式塔原理(Gestalt是一个德国词,意为图像或形式)。
格式塔原理解释了人们如何以视觉感知物体,以及图像的结构、视角、大小等要素是如何影响我们的视觉的。
一、原理与应用据说在 1910 年的某天,心理学家 Max Wertheimer 看到一个铁路交叉道口的信号灯交替闪烁,产生了这么一个错觉:他觉得这些信号灯是在一个圆周之内运动,事实上,这些信号灯只是按预定的时间间隔闪烁而已。这个视觉与现实的差异触发了 Wertheimer 的灵感,并形成了一套完整理论。
下面我们就来简单了解一下它的几个重要特性与设计应用。
1. 轮廓&延续感
当辨认一样物体时,我们倾向于首先辨别它的轮廓,然后将这个轮廓归类为已知的经验或事物。在此之后,我们才会去注意到这件物体的细节及各个组成部分。
在下图中,观察者会首先辨认出一条斑点狗,而不是首先认出它的头、腿、耳、嘴等细节部位之后再在脑中组合成一条狗的样子。
一只正在溜达的狗子
与之类似,当用户的目光沿着一系列物体移动时,脑中会形成一个逐渐增强的“定势”。下图中,观察者会看到一条直线和一条曲线而不是一条弯曲的黑线和另一条弯曲的红线。在视觉感知中,目光的延续性已经超过了颜色造成的差异。
交错的直线和曲线
在界面设计中,轮廓感和目光动线往往比细节更重要,如果用户根本就辨认不出图像之间的关系,那么这个界面设计得再华丽也是失败的。
卡片结构常常在任务型表单设计中被使用,它能带给用户更清晰的步骤感知,并快速识别每个模块的信息类型。