在线客服:
亚搏登陆 亚搏登陆
全国服务热线:010-34796247
您的位置:首页 > 新闻中心 >

视觉设计中发现11种错觉

浏览 88次 来源:【jake推荐】 作者:-=Jake=-    时间:2021-02-14 08:27:38
[摘要] 图标可能会欺骗你的眼睛,尤其是那些具有复杂几何形状和特殊比例的图标。真正令人着迷的是,具有不同的文化以及性别的人对这种视错觉的感知都不同。这是一个非常酷的效果,尽管莫列波纹本身并不是视觉错觉,但它是一种干涉现象。在视觉设计中,这种现象被称为同时对比错觉,但对不同的人来说,感知的程度也会有差异。

计算11种错觉〜

本文转载自:We-Design ID:WeDesignCenter译者:karin编辑:dada

透视错觉

原始文字引用自在Visual Design on Medium上找到的文章11光学幻觉。译文不是完整的原文,并且内容已经部分调整。我相信您在日常生活或工作中遇到了一些神奇的场面。这些场景会给人一些视觉上的错觉。那么,是什么原因导致这些幻想呢?作者在文章中介绍了11种视觉幻觉。此问题的概述:1.三角平分错觉

2.垂直水平错觉(垂直水平错觉)

3.马赫带效应(马赫带)

4.鲱鱼幻觉(鲱鱼幻觉)

5.赫尔曼网格(Hermann Grid)

6.同时对比度的错觉(同时对比度的错觉)

7.芒克·怀特幻觉(蒙克·怀特幻觉)

8.水彩幻觉(水彩幻觉)

9.贾斯特罗幻觉(Jastrow Illusion)

1 0.康斯幻觉(Cornsweet幻觉)

1 1.缪勒-里尔幻觉(Müller-Lyer幻觉)

01三角平分错觉

透视错觉

▲三角形根据中心点对齐

图标可能会欺骗您的眼睛yobo体育 ,尤其是那些具有复杂几何形状和特殊比例的眼睛。并非所有图标都是对称的,缺少一些像素,并且并非所有图标都将保持相同的纵横比。有些图标需要手动调整,最常见的是播放器的三角形图标。

在圆形或直角容器中放置三角形会使元素在视觉上不平衡。这种现象是由称为“三角分割错觉”的效应引起的。三角形的重心根据其最小边界框计算。因此,如果仅使用对齐工具在矩形中间对齐三角形,则视觉上会感到不适。

透视错觉

▲哪个在数学上居中?

有两种理论可以解释这种错觉:

•不适当的恒定比率

此幻象中包含的视角将增加远处物体的感知大小。例如,可以将等边三角形视为透视图,其顶部顶点在无穷远处,而底部最靠近您。

•重心/区域中心

如果要求观察者找到中点透视错觉,则结果通常是找到重心,并且重心的上下区域相等。等边三角形的重心在其中点以下,并且有证据表明观察者会在两者之间妥协。

为了使三角形在矩形中居中,您需要找到几何中心(重心)。三角形的三个中点的交点是重心。

这是一个公式:

▲计算三角形重心的公式

我只是在开玩笑,本文不是关于几何公式的文章(但以上公式仍然正确)。

重心可以位于从每一侧到相反顶点的距离的1/3。此方法还可以应用于许多其他形状。

02垂直水平幻觉

透视错觉

▲垂直和水平幻觉

正方形是任何设计系统的基本组成部分。您可以在材料设计卡,Facebook帖子,Pinterest和Dribbble中看到方形图形。

在Sketch中绘制正方形之后,有时您可能需要仔细检查每一边是否相等。如果仔细观察,垂直边似乎比水平边长,更像一个矩形!但实际上,这是一个完美的1:1正方形。这是“垂直和水平幻觉”。

透视错觉

▲Facebook帖子中的图片为1:1方形

真正令人着迷的是,不同文化和性别的人对这种视错觉的理解也不同。生活在发达城市的人比生活在农村地区的人更加脆弱。这是因为农村地区的人们更习惯住在圆形房屋中。

03马赫带效应马赫带

透视错觉

▲马赫带

在图形设计领域,将一组相似的颜色彼此相邻放置是一种非常常见的设计。如果仔细观察,您可能已经注意到两个对比色块的边缘上出现了“不存在”阴影。这种视觉上的错觉被称为“马赫区效应”。图像没有添加阴影凤凰体育平台 ,但是我们的眼睛有幻觉。

透视错觉

▲阴影出现在每条线的边缘之间

这种现象的技术解释是由于横向抑制。用外行的话来说,黑暗的一面会显得更暗,而明亮的一面会显得更亮。

尽管马赫带效应在视觉设计中相当微妙,但这可能是牙医证明其影响力的真正障碍。牙齿的X射线会产生灰度图像,可用于分析异常强度变化。如果无法正确识别,则马赫带效应可能会导致误诊。

04幻影幻影

透视错觉

▲幻影幻觉

您是否遇到过这种徽标,其中包含非常细的线,或者是充满小点的背景图像,在滚动时看起来像是在移动还是在跳动?观察上面由跳动线组成的图片时感觉如何?这是由称为“ Moray”的混叠效应引起的,其中两个网格图案相互重叠,一旦移动,就会产生幻觉运动。

透视错觉

▲上下滚动以查看振动效果

这是一个非常酷的效果。尽管云纹本身不是光学错觉,但它是干扰现象。 Sonos的徽标结合了Lemolie莫尔条纹和Hering的幻觉的组合效果,在欧普艺术中非常流行。

05 Hermann网格Hermann网格

透视错觉

▲Herman网格

赫尔曼网格错觉非常普遍凤凰体育平台 ,可以在高对比度背景下的正方形网格中看到。直接观察任何正方形,在正方形的相交处会出现类似鬼影的斑点。如果直接看十字路口,这些斑点将消失。

透视错觉

▲观察十字架的位置时,会出现灰色点。

这种光学错觉效果的原因是由于侧向抑制。简而言之,它是一种兴奋的神经元,可以削弱周围神经元的视觉信号。

06同时出现的对比度错觉

透视错觉

▲同时对比的幻觉

将两个相同颜色的对象放在不同对比度的背景上会使两个对象看起来不同的颜色。在视觉设计中,这种现象称为同时对比的幻觉透视错觉,但是对于不同的人,感知程度会有所不同。

透视错觉

▲两种文本颜色实际上是相同的,但是当放置在不同颜色的背景上时,它们是非常不同的。

不幸的是,这种错觉的发生原因没有可靠的理论,但是很多研究可以推断出这种错觉,而横向抑制可能是造成这种错觉的原因之一。

07蒙克白幻觉蒙克白幻觉

透视错觉

▲蒙克·怀特错觉

这种错觉非常微妙,但仍然非常有趣!查看上面的GIF,左边的紫色块看起来比右边的紫色块亮。删除干涉色块后,您会发现两个不同的色块实际上是相同的颜色。

透视错觉

▲灰线在浅色背景上显示为暗,而在暗背景上显示为亮。

蒙克·怀特(Munch White)错觉的原因是...你猜对了,侧面压制。

08水彩幻觉

透视错觉

▲水彩幻觉

有时,我向对象添加边框。显然背景颜色没有改变亚博直播 ,但是我发现背景似乎有颜色。然后我问自己:“我何时调整背景色?”。如果仔细观察,可能会发现根据边框颜色,浅色区域将根据周围的边框颜色出现。如果使用ps吸收颜色,您可能会惊讶地发现框架内的颜色实际上是白色。

这种视觉现象称为“水彩幻觉”,它取决于边界线的亮度和颜色对比度的组合,从而产生颜色扩散效果。

透视错觉

▲按钮内的白色区域会根据边框的颜色显示淡淡的颜色

我承认这种错觉使我感到困惑,以至于我不得不拿起拾色器进行检查。

09Jastrow幻觉

透视错觉

▲Justro幻觉

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

透视错觉

▲在创建过程中会看到这种错觉,因为某些相同的弯曲边缘看起来可能比其他边缘小。

这怎么可能?好吧,这就是所谓的“ Justro Illusion”。对于为什么我们会感知到不同大小的片段,没有确切的解释。一种解释是,我们的大脑对于较大半径和较小半径之间的大小差异感到困惑。换句话说,短边使长边看起来更长,而长边使短边看起来更短。

10康沃尔的幻觉康沃尔的幻觉

透视错觉

▲康世伟错觉

除了具有同时对比度和马赫谱带的错觉外,Kongsweil错觉还使用渐变,同时使用中心线来创建图片,即图片的一侧比另一侧更暗。但是实际上,这两个部分的亮度是相同的!您会发现,当两个部分平行放置时,两个侧面实际上是相同的颜色和亮度。

透视错觉

▲每颗钻石的渐变颜色都相同,但是它们的颜色(从上到下)似乎越来越暗。

此幻觉与上述两种幻觉具有相似的效果,但实际上在两个重要方面有所不同:

•在前面显示的马赫带示例中,此效果仅在靠近每个阴影边界的区域可见。但是,Kongsweil错觉会影响用户对整个区域的感知。

•使用Kongsweil幻觉,边缘的浅色将看起来更亮,边缘的深色部分将变得更暗,这与通常的对比度效果相反。

11个米勒-里尔幻觉

透视错觉

▲提供最佳视觉体验的终极设计

字体设计者会理解,设计字体需要更多地依靠设计直觉而不是逻辑思维。基于每个字符的高度高度对齐的数学定位将使整个单词在视觉感知方面显得不成比例。在字体机制中,一种常见的做法涉及一个称为“视觉校正”的过程。简而言之,校正是调整单个字符的大小以实现视觉平衡的过程。

透视错觉

▲调整前,Linked In中的字母“ e”和Amazon中的字母“ z”在视觉上是不平衡的

看看上面著名的徽标,某些字符与基线和高度不齐平。字体设计者必须手动调整每个字符以获得最佳视觉效果。

但是为什么我们需要在视觉上纠正字体?

之所以需要进行校正,是因为存在Muller-Lear幻觉。这种视觉现象表明,在线段的每个末端放置了一个V形符号,并且根据线段的方向可以将线段显示为较短或较长。这种经典的幻想证明了人类感知的不可靠性。

透视错觉

▲Mueller-Lille幻觉

老王
本文标签:illusion,视错觉,视觉文化

推荐阅读

最新评论