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

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

2018/07/11 16386评论区

俗话说:「眼见为实」,但眼睛真的不会欺骗你嘛?来看看设计中常见的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

把好文章收藏到微信

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

  • 人民网个人信息保护政策 2019-02-23
  • 风水神话的神话只能骗风水神话,给自己喂糖吃,甜蜜 2019-02-23
  • 两个不能否定,怎会是停留在30年前? 2019-02-23
  • 全国妇联新时代“巾帼志愿者暖心故事”网络展播揭晓仪式 2019-02-22
  • 读解徽州:千年、四季、十二时、此刻 2019-02-22
  • 交警送心梗司机就医不留名 工友抢拍背影照寻人 2019-02-22
  • 陈晓卿推出全新美食纪录片 "风味"能否再续辉煌? 2019-02-21
  • 中国社科院信息化研究中心秘书长姜奇平做客人民网 2019-02-21
  • 一些网红主播何以频频僭越法律红线 2019-02-20
  • 德味手表了解一下 徕卡推出L1,L2机械表德味手表徕卡推出L1-手机行情 2019-02-20
  • 兵团第十二师建设集团开展5·29中国计生协会日活动 2019-02-19
  • 你的第一段就认识错误。中国人如果认为神赐就能有幸福,就不会有后羿射日精卫填海愚公移山的故事了。中华文明世界观推导出的方法论就是八个字,事在人为,人定胜天。 2019-02-19
  • 西安幼升小入学难问题出在哪儿教育部门将统筹协调安排 2019-02-19
  • 我省首例侵犯公民个人信息案终审宣判 2019-02-19
  • 全军启动826门军事职业教育重点课程建设任务 2019-02-18
  • 237| 891| 935| 679| 705| 812| 801| 920| 909| 261|