俗话常说：

“耳听为虚，眼见为实”

这是几百甚至几千年来的经验之谈

然而，今天

日本数学家杉原厚吉

就要打破这种经验

让你不再相信自己的眼睛！

箭头转了180°之后……

惊不惊喜，意不意外？

180°之后的箭头

还是朝→的

箭头，你的名字可能叫女人

如果再放一面镜子

你会发现镜子里的箭头

又开始朝左

经验已经开始不管用了

网友都已经开始怀疑双眼

然而答案是：

反射，透视和视角的巧妙结合

产生了这种惊人的幻觉

再来，牛顿看了都会怀疑

自己的定律

当小球放置在斜坡上后

竟然自己可以右下向上

反重力移动！

甚至可以随意上下坡

这是什么神仙操作！

你们感受一下这满屏的卧槽！

“错觉滑梯”甚至

在今年日本新潟县登场

让你分分钟反重力上雪坡！

想知道怎么回事？

这个装置虽然是斜坡

但并不是上坡

而是四条轨道都向同一个方向：向下倾斜

这样子只要角度合适的话

甚至可以让小球

不间断的在所谓的上坡中奔跑

这是杉原厚吉于2010年创作的装置

名为“不可能的移动”

由杉原和一个特别的合作者

——一台电脑一起设计的

以上两个错觉装置

都是杉原厚吉教授

在“年度最佳视错觉大赛”

中的获奖作品

这些戏耍人类双眼的装置

甚至上过央视！

这个引起世界关注的日本人

是日本明治大学的数学教授

他的粉丝遍布全球

每年坐等他的奇葩新作

心甘情愿被忽悠

而今年的“年度最佳视错觉大赛”

没错，他再次夺魁！

下面就是获得冠军的作品：

《三重歧义体》

用三个角度看它

可以得到三个不同的结果

通过不同视角的镜像

呈现出三种立体构造

但其本质上却是一个2D打印体

引用杉原教授的经典描述：

“我们看外面的世界的方式——也就是我们的知觉——都是由大脑机制间接产生的，所以所有知觉在某种程度上都是虚幻的。对于错觉的研究是我们理解感官知觉，和许多眼科和神经系统疾病的关键。“

视觉错觉，又称为视觉假象

一般来讲，当物体通过

很规律的几何排列时

很容易引起错觉

加之人的大脑资源有限

很习惯于“脑补”

所以有些时候

你亲眼看到的只是一种欺骗

杉原既是科学家，也是艺术家

几乎每一年

我们都能看到他的获奖作品

2013年的第一名作品

属于另一种风格，只需两个画面融

就能创造出旋转的视觉体验

2015年获得第二名的作品

《暧昧的车棚》

接着它在镜子中，被折叠了：

真相是——

车棚本身就一个不规则的形状

2016年《暧昧的视错觉圆柱》

像是6个圆圈瞬间

变成6个连接在一起的三角：

但事实上它不圆

某种程度上来说它也没有角

两个分离的圆柱体

在镜子中就可以在一起！

其实这根本就是两个分开的物体

只不过位置一高一低

同理，还可以三者相接

看懂了吗？

那我们进行下一题

千万别过分相信自己的眼睛噢

它的结构远比看到的要复杂

所以杉原厚吉

究竟是怎么做出这些物体的呢？

答案在计算机+数学里

比如我们可以轻易脑补出

下面的透视图

是一座被截掉顶部的金字塔

但机器并不能自己领会相同的意思

甚至会将其理解成形状

更复杂且真实存在的物体

这位大触用他的计算视数学

错觉理论创造了数十款作品

每一个都是成功的骗子

了解了原理

学会了算法

我居然开始看了出来……

《照镜子看鸡儿系列》

鸡在镜子里？

还是在现实里？

你以为它在谷底

其实它已经登顶

你以为它在“车里”

其实它在“车顶”

不得不说，真鸡儿厉害！

一切有为法，如梦幻泡影

如露亦如电，应作如是观

你的眼睛会欺骗你

你的经验会欺骗你

你的想象会欺骗你

但数学不会

假如错觉艺术（生活）欺骗了你

不如转一下，换个角度来看

真相就变得显而易见了！

如何避免设计中的视觉误差？

当我们遇到这些视觉BUG的时候，该如何处理呢？让我们来看几个经典的视觉误差案例感受一下吧。

埃冰斯幻觉

黄绿色圆和紫色圆其实一样大，但是前者看起来小一些，是不是很神奇？

托兰斯肯弯曲幻觉

猜猜这三个圆周的直径哪个最大？其实都一样 o_O

平行线错觉

其实都是平行线 (⊙_⊙)?

在设计工作中，也难免碰到存在视觉误差的场景。总的来讲，我们在界面设计时处理视觉误差的方法可以分为三个方面：

1、有时我们需要避免造成视觉误差的设计

例如“流程条”，设计师们一定不陌生，它可以帮助用户非常清晰的了解完成一个目标的全过程和当下所处的位置，那我们看看下面这个“流程条”的设计

这种设计应该也很常见，但是个人并不太喜欢这样的形式，看过上面经典视觉误差案例的同学应该注意到了，它跟第三种“平行线错觉”形似，“平行线”配合“>>”可能会造成视觉误差，让人感觉这个平行线不平行。会给人不舒服的感觉，有强迫症的人看了更是受不了吧？虽然错觉不那么明显，但是我还是会避免使用这种形式。

再来看一个例子：界面设计的时候，常常会遇到模块的划分，会用到色块和线框，看下图，你会感觉到黑线是凸出来的，正常人都喜欢对齐嘛，那么看到这个就会感觉到不舒服了，实际上呢，看放大的部位，其实客观上看它们真是对齐的，因为人眼的错觉，导致感受上不对齐，所以我们要避免这种色块和线框接触的设计，如果一定需要这样的形式，那么我们也是有办法的，那就是降低“色块”和“线条”的明暗差，来缓和视觉误差：（见下图右侧）是不是感觉好多了

2、有时我们需要利用视觉误差

视觉误差客观的存在，那么我们就得按它的规矩来，了解它才能驾驭它。比如说像素画：

早在红白机年代，像素画风靡全球，它有自己的独特优点：文件字节数小、占内存小，非常适合当年的“龟速网络”和“效率低下的CPU”。但是要画好像素画，是需要具备一些专业知识的.

对于直线、点、曲线、立体感、透视等等都有标准的规则，把像素画拉近了看，其实都是一些像素点，只有远看整体才能看到最终效果(有点类似油画)。

放大看和整体看,像素画给人的感受差异很大,也存在”视觉误差”,那么这些像素画的”规则”,其实就是建立在对视觉误差的”利用”,如果不守规则,做出来的像素画那可就要惨不忍睹了，各种锯齿。

像素画在表现线条的粗细方面也有讲究,因为像素画1像素线条和2像素线条视觉上的粗细差异是非常大的,那么在表现粗细的时候,更多的是用颜色的明暗来表现. 在像素画中可以用淡色来表达“细线”， 这就是利用了视觉误差. 另外还有“膨胀色”、“收缩色”，都是视觉误差的表现，设计师们可以利用其特点，在自己的作品上更好的进行视觉信息传达。

3、面对视觉误差时，我们遵循一条原则“以你的感受为准”

造成视觉误差的原因和类型有很多，我很难一一列举，如果我们不得不面对它们的时候，我们应该如何处理呢？再看看接下来的列子：

做icon是件非常严谨的事情，我们看看上图，第一种情况，看参考线，他们的高度严格一致，只是icon的外形不尽相同，第三个icon外形是个圆，“圆”其实能够给人“满、胀”的视觉感受，明明同样的高宽，圆会给人“大一点”的感觉，那么我们遇到这种情况，会尊重我们的眼睛，把“圆”相对缩小一些，也就是我们看到的第三种情况，这样是不是更加舒服一些呢？

总之视觉设计师需要关注并了解到“视觉误差”带来的影响，思考如何更好的处理，为追求“完美”增加砝码。欢迎大家探讨。