深圳易捷网络科技注册咨询网-jiujiuya.com.cn 返回首页

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

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025-5-4

深圳网站建设公司在网络中经常会看到各式各样的网站,某些网站的制作算是很有创意的,其不仅体现在网站的建站风格上,就连网站所使用的图片都是十分特殊的,让人看到的网页呈现动态性。

人们常说眼见为实,但是深圳网站建设公司要说“眼见不一定为实”,眼睛真的不会欺骗你嘛?来看看设计中常见的9种视错觉!下次甲方再怀疑你的专业能力,随便拿一个给他看。

1.三角形中心

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

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

2.垂直方向引起的错觉

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

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

3.马赫带效应

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

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

4.赫林错觉

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

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

5.赫尔曼栅格

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

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

6.同时对比错觉

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

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

7.芒克白错觉

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

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

8.水彩错觉

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

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

9.康士维错觉

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

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

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

深圳网站建设公司从这次图片中可以看出的是网页设计者的用心,如果将这种设计应用到网页中去将会是一个很大的创意,早前有网页中鼠标移动产生水纹的设计,那么类似于这种设计如果要实现应该也是能够引起用户的兴趣的。

相关行业资讯

1、数据库扩展立方在电子商务网站平台的实际应用
2、网站建设推广效果不好的主要原因
3、那些低成本运营地方论坛的思路之定位篇
4、网站制作提高体验在哪些方面紧密相连
5、网站建设如何做好异业合作
6、浅谈2018年GoogleSEO
7、浅谈如何提升网站的效益转化率
8、怎样做才能让网站的页面设计看起来更舒适
9、浅谈做好网络推广工作的几点体会
10、推广优化路上的5项必备技能
11、SEOER必须了解几种网站优化细节
12、服务器的地理位置对网站有影响吗
13、seo优化中404页面存在的必要性
14、如何得到用户认可以互联网产品为核心的服务设计
15、向量图、设计扁平化对网站建设的影响
16、摄影网站设计如何才能够确保成功
17、看看这个就知道怎样选择网站建设公司
18、如何让推广关键词展现在左侧
19、响应式网站建设有哪些比较突出优点
20、推广优化新手的优化经验:5个月的推广优化心得体会
21、常见快照异常的原因以及解决方式
22、网站运营重要的维护和促进
23、勇敢向前,易捷真人户外活动勇者勋章争夺
24、深圳网站建设的两大原则是什么
25、百度权重和关键词算法浅析
26、企业制作网站哪些情况让人发窘
27、你真的懂网站为什么做推广优化吗
28、营销型网站的介绍和特点
29、seo优化的时候要注意哪些小细节?
30、易捷网络分享企业网站推广的有效果的渠道
31、公司网站优化设计需要走哪些步骤?
32、地方门户信息站前期发展与宣传经验总结
33、企业应该如何打造营销型网站
34、网站建设浅谈网站策划及意义
35、分析企业网站优化的策略是什么
36、网络营销全靠“养”-中医理论解析搜索引擎优化
37、企业做网站网页设计中图像处理的技巧
38、网络推广的优势具体体现在哪?
39、营销型网站建设的费用
40、网站优化存在的争议
41、高端型营销网站在设计时应注意
42、如何让搜索引挚收录网站内容
43、如何简单快速的去分析一个网站
44、HTML5的相对优势
45、AI驱动的生活模拟iBB游戏《Paradise》开启梦幻之旅
46、站长们的育儿经:让网站有一颗强健的心脏
47、如何让关键词快速长久排名第一
48、利用用户定向技术创造个性化网站体验
49、2018年网站SEO优化的八大精髓
50、网站再次遭遇降权优化边界在哪里

相关视频推荐

自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号