/真没想到这么几个点,让我的配色能力提升一大截!

真没想到这么几个点,让我的配色能力提升一大截!



天来分享几个设计干货,明白底层原理后,我们就可以更好更精准的优化现有设计了!

01 颜色掉层次了

很多时候,我们会发现,我们加的质感有点平,比如像下面这种:




很明显,这种地方就有点平:


原因就是因为“颜色掉层次了”,我们只需要在他的中间再加一层颜色,就可以让它的质感饱满起来。

具体步骤就是,我们可以先给它加一些“形状”然后进行羽化:


我们可以看下前后对比,这样就不会那么平了:


一旦发现质感有点平,就可以用这种“颜色掉层次”的思维去尝试优化!

02 颜色要透

这是一位同学做的质感临摹练习:


颜色有点太闷了,不够透彻,我们先来把颜色弄的透一点,我用圆形来表示,首先我们的颜色不能太重,弄个小渐变:


这是我们的一个基础,如果感觉明暗对比不够,可以再适当加强对比:


然后加一点反光,这是非常灵魂的一个步骤:

然后再加一点左上角的高光:


这时候我们再来加中间的暗部形状,我们看原版的有一个很大的问题,就是中间的暗部爱心和背景有点糊在一起了:


就是因为两层都是暗色,所以没有区分开,所以这也是为什么我们把背景色调亮的一个原因,我们把中间的形状加上去:




然后再来个内阴影和边缘光:


大功告成,我们再来对比下前后的质感:


是不是好了很多。

03 不重要的颜色千万不能高饱和

有时候我们会觉得自己的设计有点主次不分,这种感觉往往和颜色有关。

下面两个圆形,你会觉得那个更吸引你的眼球:


对,没错,肯定是第一个,因为第一个颜色的饱和度比较高,颜色比较纯,所以更加吸引眼球。

那我们看下面跟米同学的启动图标作业:



感觉所有颜色有点糊在一起,甚至感觉背景比形象还要吸引眼球,就是因为背景的颜色饱和度太高了!

当跟米把背景的颜色饱和度降低时,我们再看下效果:


我们可以很清晰的把视线聚焦在吉祥物的身上。

所以我们在做视觉的时候,一定要注意,你的重点是什么,注意饱和度对比、明暗对比,千万不要本末倒置!

总结

以上就是今天和大家分享的知识点啦,颜色掉层次、颜色如何通透,颜色饱和度....

希望对大家所有帮助!

8月底第四期UI课,已经开始预售,现在价格优惠,赶紧的吧!



本文来自微信公众号“菜心设计铺”(ID:caixinshejipu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。