专业创造价值,服务赢取未来!我们专注于中小企业网站建设服务15年-博士通!
0755-89812581| 网站导航
返回资讯中心当前所在位置:首 页 > 资讯中心 >设计视界 > 视觉误差原因分析,可运用到网页设计中喔~

视觉误差原因分析,可运用到网页设计中喔~

视觉误差原因分析,可运用到网页设计中喔~发布时间 : 2015-09-16    作者 : 博士通    浏览 : 2351

视觉误差,是任何设计师都会遭遇到的一个问题,网页设计师当然也不例外!

前阵子的“蓝黑白金”事件非常的火,引发了大家对视觉误差的思考。对于做“视觉设计”专业的同学来说,视觉误差同样值得研究研究。

俗话说:“耳听为 虚,眼见为实”,不可否认眼睛是人的感觉器官中最直接,最能反映事物原貌的。但眼睛看到的是否就一定反映客观事实呢?其实不一定。人类的眼睛,有它特有的 成像原理和信息处理过程。就像所有的计算机程序一样,再精密的程序也会有BUG,所以眼睛有时候也会产生错觉,甚至不同人的主观感受也会有细微差异。

我们作为网页设计师需要总结的是:当我们遇到这些视觉BUG的时候,该如何处理呢?

让我们来看几个经典的视觉误差案例感受一下吧。

埃冰斯幻觉

埃冰斯幻觉

黄绿色圆和紫色圆其实一样大,但是前者看起来小一些,是不是很神奇?

托兰斯肯弯曲幻觉

托兰斯肯弯曲幻觉

猜猜这三个圆周的直径哪个最大?其实都一样 o_O

平行线错觉

平行线错觉

其实都是平行线 (⊙_⊙)?

在进行网页设计工作时,也难免碰到存在视觉误差的场景。总的来讲,我们在网页设计时处理视觉误差的方法可以分为三个方面:

1、有时我们需要避免造成视觉误差的设计

例如“流程条”,设计师们一定不陌生,它可以帮助用户非常清晰的了解完成一个目标的全过程和当下所处的位置,那我们看看下面这个“流程条”的设计

流程条

这种设计应该也很常见,但是个人并不太喜欢这样的形式,看过上面经典视觉误差案例的同学应该注意到了,它跟第三种“平行线错觉”形似,“平行线”配 合“>>”可能会造成视觉误差,让人感觉这个平行线不平行。会给人不舒服的感觉,有强迫症的人看了更是受不了吧?~>_<~+, 虽然错觉不那么明显,但是我还是会避免使用这种形式。

再来看一个例子:界面设计的时候,常常会遇到模块的划分,会用到色块和线框,看下图,你会感觉到黑线是凸出来的,正常人都喜欢对齐嘛,那么看到这个 就会感觉到不舒服了,实际上呢,看放大的部位,其实客观上看它们真是对齐的,因为人眼的错觉,导致感受上不对齐,所以我们要避免这种色块和线框接触的设 计,如果一定需要这样的形式,那么我们也是有办法的,那就是降低“色块”和“线条”的明暗差,来缓和视觉误差:(见下图右侧)是不是感觉好多了

色块-线条

2、有时我们需要利用视觉误差

视觉误差客观的存在,那么我们就得按它的规矩来,了解它才能驾驭它。比如说像素画:

早在红白机年代,像素画风靡全球,它有自己的独特优点:文件字节数小、占内存小,非常适合当年的“龟速网络”和“效率低下的CPU”。但是要画好像素画,是需要具备一些专业知识的.

对于直线、点、曲线、立体感、透视等等都有标准的规则,把像素画拉近了看,其实都是一些像素点,只有远看整体才能看到最终效果(有点类似油画)。

放大看和整体看,像素画给人的感受差异很大,也存在”视觉误差”,那么这些像素画的”规则”,其实就是建立在对视觉误差的”利用”,如果不守规则,做出来的像素画那可就要惨不忍睹了,各种锯齿。

锯齿

像素画在表现线条的粗细方面也有讲究,因为像素画1像素线条和2像素线条视觉上的粗细差异是非常大的,那么在表现粗细的时候,更多的是用颜色的明暗 来表现. 在像素画中可以用淡色来表达“细线”, 这就是利用了视觉误差.  另外还有“膨胀色”、“收缩色”,都是视觉误差的表现,设计师们可以利用其特点,在自己的作品上更好的进行视觉信息传达。

素画

3、面对视觉误差时,我们遵循一条原则“以你的感受为准”

造成视觉误差的原因和类型有很多,我很难一一列举,如果我们不得不面对它们的时候,我们应该如何处理呢?再看看接下来的列子:

按钮

做icon是件非常严谨的事情,我们看看上图,第一种情况,看参考线,他们的高度严格一致,只是icon的外形不尽相同,第三个icon外形是个 圆,“圆”其实能够给人“满、胀”的视觉感受,明明同样的高宽,圆会给人“大一点”的感觉,那么我们遇到这种情况,会尊重我们的眼睛,把“圆”相对缩小一 些,也就是我们看到的第三种情况,这样是不是更加舒服一些呢?

总之网页设计师需要关注并了解到“视觉误差”带来的影响,思考如何更好的处理,为追求“完美”增加砝码。欢迎大家探讨。

案例推荐

深圳英博达智能科技有限公司

深圳英博达智能科技有限公司

案例热度_47902019-03-07
深圳市同德税务师事务所

深圳市同德税务师事务所

案例热度_46212019-03-06
贵港贵和科技有限公司

贵港贵和科技有限公司

案例热度_46222019-03-05

您可能感兴趣的文章:公司网站建设注意事项    |    企业网站建设套餐    |    企业手机网站制作    |    企业网站如何优化    |    企业网站改版收费

关于我们 / About Us
深圳网站建设办公环境 博士通是一家一站式中小企业网络运营方案提供商,全国统一服务热线 :0755-89812581 ; 博士通总部位于深圳,业务涵盖域名注册,空间购买,深圳网站建设,网站建设和改版,微信公众号运营,百度竞价托管,网站优化推广引流,手机网站建设,小程序开发,购物网站开发,企业邮箱申请等服务。和传统网络公司不同的是,博士通在网页设计风格上独树一帜,领先行业率先推出宽屏企业网站设计风格,围绕客户需求的同时兼具行业潮流设计网站,让网站在新式设备上获得更好地展示效果;历经14年网站建设企业网站制作经验积累,客户遍及深圳,广州,成都,香港等地,涉及办公,装饰,电子,物流等不同行业... > > > 详 情
联系我们 / Contact Us
深圳市  龙华新区
富泉大厦715室
0755 - 业务咨询
89812581
售后QQ : 1227522459
E-mail : service@800535.com
© 2004-2019 深圳市博士通科技有限公司 版权所有( 粤ICP备15005241号 )  网站常年法律顾问:朱运德律师   
logo
做个企业网站多少钱?点击QQ图标,马上知道答案!
logologologo
咨询热线:0755 - 898 12581