优艾设计网

聊聊界面设计过程中,遇到视觉BUG时的处理方法

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:ued.baidu
前几天的“蓝黑白金”事件,已经有设计师同学揭秘了误差的原因,木想到今天百度的同学出了升级版的教程,聊聊界面设计过程中,遇到视觉BUG时的处理方法,非常涨姿势的一篇实用文

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

聊聊界面设计过程中,遇到视觉BUG时的处理方法

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

聊聊界面设计过程中,遇到视觉BUG时的处理方法

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

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

聊聊界面设计过程中,遇到视觉BUG时的处理方法

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

好了,分享就到这。

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消