三角平分错觉、垂直水平错觉、康士维错觉、马赫带效应、贾斯特罗错觉、黑林错觉&莫列波纹、赫曼方格...
在视觉领域工作的设计师们
或多或少都有遇到过视错觉吧？
一起看看10个让你眼花缭乱的视错觉
01
三角平分错觉
三角形到底在不在正中间？
图标有时候很迷惑人，特别是那些有着复杂几何图形和比例的图标。有时候你看着图形似乎已经满足强迫症的要求了，但其实为了达到视觉上的平衡，它们在数学上并没有完美对称、像素完美、保持固定长宽比。有些图标需要手动调整，就比如常见的播放按钮。
02
垂直水平错觉
是正方形还是长方形？
正方形是设计系统中的基本图形，在材料设计卡片、脸书推送、Pinterest 推送和Dribble 图片中，你都能看到正方形的设计元素。
脸书的推送图片
在拖住 shift 键创造一个正方形的之后，你是不是还会再次确认它的比例到底是不是真的1:1？仔细观察，竖边似乎比横边要长一点，这就是垂直水平错觉。
03
马赫带效应
方块有轮廓吗？
把同一个色系的方块放在一起，是现在常见的设计。仔细看，你会发现在每个相邻的方块之间似乎都有着明显的、颜色不同的轮廓，这就是马赫带效应。其实并没有阴影出现，只是你的眼睛出现了错觉。
马赫带效应是1868年奥地利物理学家E. 马赫发现的一种明度对比的视觉效应。这是一种主观的边缘对比效应。当观察两块亮度不同的区域时，边界处亮度对比加强（亮的颜色更亮，暗的颜色更暗），使轮廓表现得特别明显。生理学对马赫带效应的解释是：人类的视觉系统有增强边缘对比度的机制。
仔细看看，方块边缘处是不是对比更明显了？
虽然马赫带效应对视觉设计造成的影响非常微小，但它却对牙科医生造成了一定的困扰。用X射线扫描牙齿生成灰度图像时，马赫带效应可能会带来一定的影响，从而造成假阳性检测结果。
04
黑林错觉&莫列波纹
线是直的还是弯的？
看图上的两条绿色竖线，你觉得它们是弯曲的还是垂直的？如果你认为它们是向外弯曲的话，那你就掉入黑林错觉的陷阱了。
黑林错觉（Heringillusion）是德国生理学家和心理学家E.黑林于1861年提出的一种方向错觉。它表示当两条平行的直线被许多在平行线中间相交的直线分割后，看起来这两条平行线显得向外弯曲的现象。
关于细线引起的视错觉，还有莫列波纹。莫列波纹是一种在栅栏状条纹重叠下所产生的干涉影像。
Sonos 公司的logo 设计就结合了莫列波纹、黑林错觉和视觉运动错觉。在移动logo图片时，你有没有发现这束放射状的细线产生了某种波纹？那些细线似乎在跳动，甚至形成了某种波纹。
05
赫曼方格
灰点到底在哪里
盯住上面这张图的红点出现的地方，你会发现在别的地方似乎出现了跳动的灰点，这就是赫曼方格。赫曼方格常见于以方格为模块、背景对比度高的设计系统中。
当目光集中在方格之间的空隙时，灰点出现了
赫曼方格出现的原因是因为发生在人的视网膜上的生理现象——侧抑制。
侧抑制指的是相近的神经元彼此之间发生的抑制作用，即在某个神经元受到刺激而产生兴奋时，再刺激相近的神经元，则后者所发生的兴奋对前者产生的抑制作用。
06
同时对比错觉
这两个方块颜色竟然是一样的？！
把颜色相同的方块放在亮度明显不同的背景中，你会以为这两个方块颜色是不一样的。这是同时对比错觉。首先发现并研究这一现象的是Michel-EugeneChevreul，他把他的研究成果发表在著作《色彩的和谐与对比原理》一书中，这本书不仅影响科学界，也影响了艺术家欧仁·德拉克罗瓦，后者对于印象派的发展起了极大作用。
两边的字体颜色其实是一样的
虽然这个对比错觉现象目前并没有可靠的理论支持，不过有不少学者发表了自己的看法，表示之前提到的侧抑制或许是产生原因之一。
07
贾斯特罗错觉
这两个图形真的一样大小？？
乍一看，上图中的红色扇形环要比绿色的长一点，但当它们重合的时候，你会发现它们居然是一样大小的。这就是贾斯特罗错觉。
贾斯特罗错觉（Jastrowillusion）是指两条等长的曲线，包含在下的一条比上面一条看上去会长一些；同样，两个完全一样的扇形环，包含在下面的扇形环比上面的扇形环看上去大些的视错觉现象。
设计师设计设计logo时一般会用到各种各样的辅助线和圆形，就有可能碰到贾斯特罗错觉。比如这张图中最左边的扇形环，是不是看起来比中间的小？
贾斯特罗错觉产生的原因是因为圆内外圈半径不等，角度相同，弧长不等。在比较物品大小时，人会不自觉的用两个物品相邻的两边来做比较，进而将长边和短边进行比较，大脑就会将拥有较长的一边物体分辨成比较大的那一个。
08
康士维错觉
这两个图形颜色真的一样？？
上图中两个方块的渐变是一样的（从左到右颜色加深），只不过在中间加了一条亮线，就让你产生了左边的方块比较暗的错觉，也就是康士维错觉。
和同时对比错觉和马赫带效应类似，康士维错觉也是借助颜色和对比度的不同来让人产生错觉。在两个同样渐变色的方块中间加上一条线，就能够让人们产生错觉。
上面这张图更加具有迷惑性，做推送做到眼睛都花了的小编已经完全看不出来了，不得不打开了PS验证。结果发现，这些菱形的渐变颜色都是一样的，但是因为康士维错觉的存在，我们会以为它们是从上到下颜色逐渐加深的。
08
缪勒-莱尔错觉
字体设计师一般会根据设计直觉来设计字体，而不是根据逻辑思考。毕竟，如果整个字体保持数学上的高度一致，视觉上看起来就会不太成比例。所以，在字体设计中有“视觉补正（overshooting）”的概念，表示重新单独调整字符的大小，来达到视觉上的平衡。
Linked 和Amazon 的logo 里的字符高度其实没有完全对齐，也是运用了“视觉补正”的概念。要不然，看看第二张图里没有视觉补正的logo，是不是有点不成比例？
人类不仅对颜色的感知会产生错觉，对长宽高的感知也会产生错觉——米勒-莱尔错觉，“视觉补正”的提出正是因为这个错觉的存在。
缪勒-莱尔错觉（Müller-Lyerillusion）几何图形错觉的一种，表示两条原本等长的线条因两端箭头的朝向不同而看起来箭头朝内的线条比箭头朝外的线条要短些的现象。缪勒-莱尔错觉的产生原因可能是箭头朝外使线条所占空间大，而使该线条似乎延长了，相反箭头朝内则使该线条产生收缩感。故看似箭头朝外的线条要长于箭头朝内的线条。