眼见不一定为实!设计中常见的 9 种视觉错觉! - 优设-UISDC

眼见不一定为实!设计中常见的 9 种视觉错觉!

2018/07/11 16352评论区

俗话说:「眼见为实」,但眼睛真的不会欺骗你嘛?来看看设计中常见的9种视错觉!下次甲方再怀疑你的专业能力,随便拿一个给他看。

1. 三角形中心

你能找到三角形的中心么? 并非所有的图标都是对称的,对于我们常见的播放按钮图标,找到视觉的中心实际上很困难。造成这种情况的原因是由于三角形分裂错觉的效应,中心位于三条中线(顶点和对边的中点的连线)交点,此点即为重心。

下面图片光凭肉眼,你看得出来哪个版本是居中的吗?

2. 垂直方向引起的错觉

红色的形状是矩形么? 正方形是每个设计中的基本结构,在矩形内放置一个正方形,导致实际上在垂直方向上看起来更长,尽管它实际上是一个正方形,这种现象称为垂直水平错觉。

看得出 Facebook 帖子中的图片是1:1的正方形吗?

3. 马赫带效应

你能看到相邻初的阴影么? 我们把同色的渐变相邻放置在一起,你注意到了什么?是否会发现边缘处的一个并不存在的阴影,这个视错觉我们称作「马赫带」。其实图像中并未加入 阴影,只是我们的眼睛产生了错觉而已。

「不存在」的阴影出现在每行的边缘之间。

4. 赫林错觉

两条垂直线条看起来也会移动吗? 你有没有见过类似的网站,背景中包含极细的线条和一些点,当我们滚动的时候,感觉那些线条和不动的点都在跳动。这就是郝林错觉,两条平行线因受斜线的影响呈现弯曲状?;褂形颐浅<哪Χ?。

滚动你的页面,线条动起来了吗?

5. 赫尔曼栅格

你有注意到那些若隐若现的灰点么? 在周围方块的交叉处会产生幽灵般的灰点,当你尝试转向那个灰点时,它就神奇的消失了。这就是赫尔曼栅格。

观察交叉点时会出现灰点。

6. 同时对比错觉

你觉得分开的方块颜色相同么?最近的网页设计中,垂直布局很受欢迎,如果将两个相同颜色放置在不同的背景上,则两个对象颜色看起来与实际不同,这种现象称为同时对比错觉。

两侧的文字颜色其实完全相同。

7. 芒克白错觉

两个紫色的颜色相同么? 这种错觉很微妙,但是非常有吸引力,看看上面的动画,你会发现左边的紫色块比右边的紫色块更亮,但实际上两者都是一样的。

灰色线条在浅色背景前显得较暗,在黑色背景前显得较浅。

8. 水彩错觉

仔细观察矩形内部的颜色是白色么? 你如果仔细看,可能注意到白色区域产生了与边框相同的淡淡的投影。这种现象被称作「水彩错觉」。

本来没有色调的白色区域,因为边框的颜色带上了色调。

9. 康士维错觉

两个对象的颜色一样么?渐变产生的印象会让你感觉图像的一侧实际上比另一侧更暗,但实际上,两者都是相同的颜色。

每个菱形都具有相同的渐变,但它们看起来越来越暗。

先别说眼睛到底骗没骗我,光这个动效我都已经看了好几遍了!

欢迎关注「优秀网页设计」公众号:

「看高手如何解决视错觉」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址://www.35yjw.cn/9-visual-illusions-commonly-seen-in-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里

  • 回复@老老保老张工:那只能证明你的智商不达标!对于计划经济的构想,咱敢说强坛没有一个人比咱考虑得更周全!伪高工排在一个筋斗云之外! 2018-12-12
  • 青藏铁路边的野生动物 2018-12-12
  • 小伙收购12只鹦鹉拿网上卖 不仅被判刑还罚3万元 2018-12-11
  • 你的“普世价值论”呢?[微笑][微笑] 2018-12-11
  • 全民总动员 国家才安全-光明时评 2018-12-10
  • 广州市白云区人民法院公告专栏 2018-12-10
  • 在深入推动长江经济带发展座谈会上的讲话 2018-12-10
  • 那些吃不惯汉堡牛排的中国留学生们,是怎么在美国活下来的? 2018-12-09
  • 第74集团军某陆航旅创新训练方法 新课目扩充飞行员战斗力“内存” 2018-12-09
  • 香港特区政府本周向合资格市民发放额外自助 2018-12-08
  • 以古鉴今,习近平多次提及屈原 2018-12-08
  • “云南导游辱骂威胁游客案”一审宣判:游客消费不达标  导游言语侮辱 2018-12-08
  • 和创金服创始人兼CEO房平获第十二届人民企业社会责任奖年度人物奖 2018-12-07
  • 始终坚持以人民为中心的发展思想不断满足群众日益增长美好生活需要 2018-12-07
  • 《四部医典》入选《世界记忆亚太地区名录》 2018-12-07
  • 664| 714| 652| 749| 199| 338| 7| 918| 240| 411|