网上百家乐



全国统一服务热线:18021770366

站内公告:

淮安市网上百家乐 广告有限公司主要提供广告设计制作安装服务以及网站制作,是一家经验丰富的广告设计制作公司,拥有十几年广告设计制作经验!

联系网上百家乐CONTACT

地址:淮安市翔宇大道1009号
热线:0517-8588 1663
Q Q:34665706
邮箱:34665706@qq.com

18021770366

新闻中心

当前位置:主页 > 新闻中心 >

神奇而有趣:设计安装中的11个视觉错觉

2019-12-24 点击量:

在我做产品设计师的这些年里,在处理视觉效果的过程中遇到了很多让我感到意外的事情。我写这篇文章的目的是为了帮助大家理解为什么这些视觉“陷阱”会让人感到困惑。可能一开始都没有意识到这个问题,但当你做UI,logo,插画等工作时,可能就会遇上许多。

所以,废话不多说,下面列举了作为视觉设计师经常会遇到的11个视觉错觉

1、三角形分割错觉(Triangle-Bisection Illusion)

神奇而有趣:设计中的11个视觉错觉

图标可能具有欺骗性,尤其是那些具有复杂形状和奇数比例的图标,并非所有图标都是对称的,网上百家乐 广告,像素完美或保持一致的纵横比。有些图标需要略微调整,最为常见的就是播放器的三角形图标。

网上百家乐 将三角形放在圆角或直角容器中会使得元素在视觉上看起来不平衡。造成这种现象的原因是一种被称为“三角形分割错觉”的效应(参考链接:http://anstislab.ucsd.edu/files/2012/11/2009-Triangle-bisection-.pdf)。三角形的重心是根据它的最小边界框(参考链接:http://en.wikipedia.org/wiki/Minimum_bounding_box)计算的。所以,如果你只是用对齐工具,把三角形放在矩形的中间对齐,那么在视觉上看就会很难受。

神奇而有趣:设计中的11个视觉错觉

哪一个版本是数学上的居中?

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

不合适的恒定标度

这种错觉包含的透视会增加较远物体的感知尺寸,例如等边三角形可能被视为透视中看到的道路平面图,顶部顶点位于无穷远处,底部是道路的最近部分。

重心/中心

如果一个观察者被要求找到中心点,他们最终会找到重心,重心的上下面积相等。一个等边三角形的重心位于它的中点之下,有证据表明,观察者做出的选择是两者之间的折中。

使三角形在其容器中找到视觉中心,你需要找到几何中心(重心),三角形的三条中点的连线交点即为重心。也可以用下面这套公式来计算。

神奇而有趣:设计中的11个视觉错觉

求三角形重心的公式

我只是开了一个玩笑,这不是一篇讲几何公式的文章,设计师不用怕,尽管这个公式是对的。

2. 垂直中线错觉  (Vertical Horizontal Illusion)

神奇而有趣:设计中的11个视觉错觉

正方形是任何设计系统的基本构件。它可以在谷歌设计规范中的网上百家乐卡片设计,Facebook帖子,Pinterest pins或是Dribbble 作品中看到。

网上百家乐 随意画出一个正方形,如果你看的足够近会发现,垂直的边会比水平的边长,就好像这个正方形实际上是一个长方形。但实际上,这就是一个完美的1:1的正方形。这就是所谓的垂直中线错觉。

神奇而有趣:设计中的11个视觉错觉

Facebook帖子中的图片是1:1的正方形

网上百家乐 有意思的是,不同的文化和性别对这一错觉的理解也是不一样的。生活在发达城市的人往往比生活在农村的人更敏感,这是因为生活在农村的人更习惯于更加随性。

3. 马赫带效应  (Mach Bands)

神奇而有趣:设计中的11个视觉错觉

在扁平化时代,将类似的一组颜色彼此相邻放置是一种很常见的设计。仔细观察,你可能已经注意到每一个对比颜色之间出现了一个并不存在的阴影,这种错觉被称为马赫带效应。并没有真的给每一个颜色带增加投影,这只是网上百家乐眼睛产生了错觉。

神奇而有趣:设计中的11个视觉错觉

投影出现了每一个相邻颜色条的边缘

网上百家乐 对这种现象的理论解释是由于“侧抑制” (译者注:http://en.wikipedia.org/wiki/Lateral_inhibition)引起的,这意味着在较暗的区域会显得更暗,较亮的区域显得更亮。

网上百家乐 尽管这种效果在视觉设计领域的影响相当微妙,但对牙科医生来说确是一个不小的麻烦。牙齿的X光产生的灰度图像,用于分析强度的异常变化。如果识别不正确,马赫带可能会带来误诊。

4. 赫林错觉  (Hering Illusion)

神奇而有趣:设计中的11个视觉错觉