优艾设计网

视觉欺骗,讲讲四个欺骗设计师视觉的例子

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:平行煎餅
在Photoshop中,即使看起来非常科学的对齐、同样的形状大小和色值,也可能与我们现实中感受到的完全不一样。优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学

颜色的光学调整更细微。再一次重申,这是关于视觉权重和颜色何如展现。

实心的图标和文字用了相同的颜色填充,但是他们其中的一个颜色会看起来会淡一点。

视觉欺骗,讲讲四个欺骗设计师视觉的例子

左边的图标和文字使用了相同的色值,右边的组合用了不同的色值。

你可以发现图标的颜色细微的比文字要重,为了调整它,可以让图标颜色变浅一些,或者让文本变暗一些。

视觉欺骗,讲讲四个欺骗设计师视觉的例子

我建议在使用设计软件的时候,使用HSB色值代替RGB色值。好处就是可以调整颜色的明暗。

面积

面积是我们大脑感知物体的大小(包括文字)。如果我们用圆形和正方形来思考这个问题,一个120px长的正方形比一个120px半径的圆面积要大,如果要使他俩看起来一样大,圆的半径要稍微大一些才行。

视觉欺骗,讲讲四个欺骗设计师视觉的例子

左边的形状都是120 x 120 px,远看起来小一些。右边的圆是126 x 126px,面积和正方形差不多了,看起来差不多大。

这也是一个很细微的调整,但是这很有利于整体的设计。这是对元素非常轻微的调整,上下调整1像素,可能感觉就对了。

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

精彩评论

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