网站首页 > 界面表现> 文章内容

蓝黑白金升级版!界面设计时该如何面对视觉误差?界面表现

※发布时间:2015-3-19 15:14:31   ※发布作者:habao   ※出自何处: 
重庆中考论坛zslpsh,重庆学校zslpsh,重庆学校zslpsh,重庆市中学生网,重庆中学生网,重庆中学生网站,重庆中学生网好,重庆中学生学习网,重庆中学学习网,重庆中学生网家教,重庆中学生论坛,重庆学生zslpsh,重庆高考论坛zslpsh,重庆中学排名zslpsh,重庆中学zslpsh,重庆中学生,重庆学生网中考,重庆中考zslpsh,重庆中学生交友,重庆初中生,重庆中学生学习网,重庆土话网,西南云南方言网,最新电影淘娱淘乐,tianyanmao.cn,重庆18680好,岳阳yy房产网,重庆18680,云南西南方言网,网店taoyutaole,电影淘娱淘乐,最新电影淘娱淘乐,电影淘娱淘乐,娱乐资讯taoyutaole,影视淘娱淘乐,taoyutaole笑话,taoyutaole淘娱淘乐,娱乐taoyutaole,时尚taoyutaole,重庆生活新闻,贵州西南方言网,027旅游新闻网,重庆特产18680,0871昆明旅游人才网,重庆生活18680好,观赏虾之家zadull,022天津交友,022天津交友网,水草造景zadull,18680重庆特产,0755深圳交友网,0755深圳旅游招聘,0755深圳旅游招聘网,0755深圳旅游新闻

  最近的“蓝黑白金”事件非常的火,引发了大家对视觉误差的思考。对于做“视觉设计”专业的同学来说,视觉误差同样值得研究研究。俗话说:“耳听为虚,”,不可否认眼睛是人的感觉器官中最直接,最能反映事物原貌的。但眼睛看到的是否就一定反映客观事实呢?其实不一定。人类的眼睛,有它特有的成像原理和信息处理过程。就像所有的计算机程序一样,再精密的程序也会有BUG,所以眼睛有时候也会产生错觉,甚至不同人的主观感受也会有细微差异。

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

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

  埃冰斯

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

  托兰斯肯弯曲

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

  平行线错觉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  好了,分享就到这。

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

相关阅读
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生