大总管默默

今天我们来看两个慢热视觉课上元素绘制的作业,如何把完成度比较高的变得更好!

第一个作业是小小白的 我们看刚交上来的样子:

图片

其实也还算可以,但是有什么问题呢,我们一点一点来。

 

01 整体颜色

我们先来看整体大的色调,优化前和优化后的对比:

图片

这里面有很多知识点,比如:

原版的明暗对比不够,优化后的增强了明暗对比。
原版的色相有点单一,只有暖色红黄,优化后增加了冷色蓝紫色。
原版的整体颜色饱和度比较高,优化后在暗部降低了色相饱和度,这样会更加耐看一些。

 

02 反光细节

我们看反光的前后对比:

图片

一般来说,反光颜色尽量需要有一些色相,高光偏暖,反光偏冷,这一点原版是有做到的,但是反光不用太过,反光和高光是有强弱对比的,反光一般明显弱于高光,如果反光抬强,会造成一个物体有多个视觉重心,那就不聚焦了,知道了这个知识点,我们再回去看对比,优化后的爱心,不仅弱化了反光,还强化了高光,目的就是为增强对比,变的聚焦!

 

03  圆环的细节

爱心的周围是有一圈圆环的,我们看圆环的前后对比:

图片

首先是造型的问题,一般来说,如果这个圆环的透视,我们无法把控的很好,那不如直接就画成普通的基础圆环,这样会更稳一些。其次就是圆环环绕到爱心后面的时候,需要有一些明暗的变化,这样才会更加立体:

图片

这些小细节都需要我们平时练习的时候多多注意!


第二个作业是兜兜的

我们看下刚开始的作业:

图片

非常不错了,怎么变的更好呢?

 

01 主体不够突出

原版的主体颜色稍微有点暗沉,和背景有点糊在一起了,我们可以把主体稍微提亮,我们看下对比:

图片

这样就会脱离于背景,更加清晰,对比更加强烈!

 

02 光圈的优化

我们再来看火箭底部发射光圈的前后优化对比:

图片

左侧的光有点太糊太脏了,我们可以把颜色纯度调高一点,也就是把颜色往右上角走一走:

不要把颜色里面融入太多白色和黑色,不然就会脏脏的感觉。

03 一些反光的细节

既然我们的画面是有光的,那就一定存在物体反光的地方,比如我们可以在两翼暗面加一些反光:

图片

比如身体右下角也可以加一些冷色反光,而不是同色系反光:

图片

再比如,一些厚度上的反光:

图片

全都是细节,大家可以好好理解体会下。

 

04 对于亮色

不一定非要用白色 很多人在选择渐变的时候,亮部都会使用同色系的浅色,甚至是白色,其实如果在选色的时候,能够有一些色相的变化,那效果会更有细节,比如我们看下面机翼渐变的颜色:

图片

右侧的就会有色相变化,看起来就会耐看很多。我们再看下整体优化前后对比:

图片

还是精致很多的!

 

总结

以上就是今天分享的两个小元素案例,希望大家多多注意视觉里面的细节,对比度、色相变化、清晰度等等,无数的细节才会让我们的效果变得更加耐看!
希望可以给大家一点启发,下期再见啦!

 

原文地址:菜心设计铺(公众号)

作者:菜心

图片

转载请注明:学UI网 » 这些细节,我工作这么多年都没发现!

登录收藏
 
你可能喜欢的:
实现设计提效22%——网易天枢研发纪实实现设计提效22%——网易天枢研发纪实
哦,原来这样可以更高级!哦,原来这样可以更高级!
这么好的设计排版技巧,不看亏了啊!这么好的设计排版技巧,不看亏了啊!
B端设计经验总结-帮助新人快速上手B端设计经验总结-帮助新人快速上手
时间还能这么玩?这些设计也太6了时间还能这么玩?这些设计也太6了
数字化浪潮下,设计师如何驱动技术类SaaS产品的升级与创新?数字化浪潮下,设计师如何驱动技术类SaaS产品的升级与创新?
P了两个圆,价值800万?P了两个圆,价值800万?
工作经验|组件的使用规范,如何更好记和更好用?工作经验|组件的使用规范,如何更好记和更好用?
在UI布局排版中,让界面快速出彩的7个技巧在UI布局排版中,让界面快速出彩的7个技巧
不就是一个头像吗?你个交互还能怎么去优化它...不就是一个头像吗?你个交互还能怎么去优化它…