视觉设计中的11种魔性视错觉

正文

请到「今天看啥」查看全文

质点可以被定位在每条边 1/3 处和对边顶点的连线。这个方式也适用于很多其他形状。

2. 垂直水平错觉

这是矩形吗？还是长方形？不，是一个正方形？

垂直水平错觉。

正方形是构成任何设计系统的基石。你在 Google, Facebook, Pinterest和Dribbble 都能够看到它们的身影。

在 sketch 里按住 shift 键画出一个正方形，有时你想看一眼以确认每条边都是相等的。如果足够仔细，那垂直边看起来似乎比水平边要长一些，更像一个长方形。但实际上，它确实是 1:1 的正方形。这就是所谓的「垂直水平错觉」。

Facebook 图片消息是 1:1 正方形。

让人着迷的是—不同的文化与性别对这个视错觉的感知，是不一样的。城里人比乡下人更容易察觉到这个问题（译者：什么鬼……）。这是因为乡下人更习惯于居住在圆形的房间里。

3. 马赫带效应

一个「并不存在」的阴影投射到物体表面，会不会是错觉？

马赫带。

把同色的渐变毗邻摆放是一个常见的扁平化设计手法。仔细看，你可能注意到一个「并不存在」的阴影出现在两个对比色块相接的边缘。这个视错觉被称作「马赫带」。图像并未加入阴影，只是我们的眼睛产生了错觉而已。

每行的边缘都出现了阴影。

从技术层面解释这个现象成因即是生物学上的「侧抑制」，通俗的说就是暗的一侧显得更暗，亮的一侧显得更亮。

虽然马赫带效应在视觉设计中十分细微，不过论及它的影响，即便是牙医都对其感到头疼。X射线照射到牙齿上生成灰度图像，用来解析 (牙齿) 异常变化的强度。如果不仔细辨别，马赫带效应可能会产生假阳性诊断结果。

4. 赫林错觉

看起来像活的！

赫林错觉。

你有未遇见过这种 logo：包含很多细线条或者布满小点的背景图，当你上下滚动页面时它看起来像是在移动或者像脉搏一样跳动？又或者说在某视频中出现的电视，电视屏幕里包含的诸多波浪线？若如此，是由于「摩尔纹」的干涉现象—两种栅格纹理相互覆盖，移动时产生的视错觉。

请到「今天看啥」查看全文