配色 | 总监说颜色丑,我调了调确实好看多了!!

配色一直都是设计师重点培养练习的主要方面;那我们在练习配色之前,你知道自己的配色丑在哪些方面吗?本文从颜色种类、饱和度等几个方面学习配色,了解色彩的情绪,满满积累,最终达到高级、干净舒服的配色~
小可爱们,我这边每周会定时更新插画、排版设计、UI设计等相关推文,大多都是干货教程类的文章;有事没事来我这逛一逛哇;

设计路上在学习,永不停歇,我们一起加油~
 
很多同学,总是苦恼自己配不出高级、干净的颜色,虽然看了很多文章跟方法,但一看都会,一动手全废。
图片 
我曾经也碰到过这个问题,在动手之前,或许脑海里会有个大致的色彩感觉。但实际上软件一操作,发现怎么配都很难配出特满意的色彩。
其实这种属于正常现象,更多的是经验层面的缺乏,只要多练习,慢慢的这种眼高手低的感觉就会越来越少。
图片 
并且练的多了后,发现配色真的没那么难,只要有一点积累,有一点审美,稍微掌握一点方法,就能让自己在配色的能力上有个很大的改善。
图片 
审美跟积累很早之前的文章里头其实就说了,可以多建几个画板,把不同的色彩归类收集起来,分析这些色彩的饱和度及明度,逐渐感受到色彩的张力。
 
图片
图片 
人有着很强的适应环境及学习能力,比如你在一个地方呆长了,其实口音也会越来越接近当地。
审美也是一样,只要你不断地去收集、积累那些真的很美的图片,那么你的审美也会发生改变,自然也会越来越高。
比如以前你认为这样的配色就很美,视觉冲击力强
图片 
但后面慢慢发现,原来这种平淡的才是惊艳之作,非常的耐看。
图片 
审美提升上来了,其实剩下的就是靠大量的练习以及方法的积累。练习也很简单,无非是多做一些Redesgin,多做一些概念方案。
Dribbble上也有非常多的案例可以参考,比如下面这种
图片
提升审美需要依靠点滴积累。
而方法的积累,其实真的就是三点。只要把这三点掌握好了,配出来的颜色都不会太low,显得较为高级。 
 

第一点:颜色不要花

有些同学总是认为配色嘛,肯定要多配几种颜色,才会美。
但其实错了,颜色配的越多,越显得脏乱,并且对设计师的色彩能力也要求越高,ta必须要把所有的颜色选到一个最大的公约数,搭配起来才能非常时尚。
图片
一般能像上面这样的,能同时hold住三种颜色同时在一个画面上的,大多数也都是王者段位了。
如果自己作为青铜、白银级选手,我建议还是首先要从控制颜色的数量还是入手。 
 
控制的不好,就是下面这个例子:
图片 
总结:控制色相数量,增加色彩明度梯制  
先把颜色的明度系数理解到位了,再理解不同色相带来的情绪。同一个画面色彩越多,越难掌控,而且也会让人视线越不知道放哪,产生一种烦躁焦虑感。
比如看看这些作品,高级都是因为色彩被控制的很好
图片
图片
图片 
再来几组比较花的,是不是就要掉档次的多?
图片
图片 
 

第二点:不要脏。

好看的颜色会让人引起共鸣,不好看的颜色一眼都不想再看。脏脏的颜色会让人觉得这个东西不高级,不够养眼。
那么什么颜色会显得脏?带大家看几个辣眼睛的:
1、饱和度中性的重色
图片 
2、饱和度过高的中性色 
图片 
3、饱和度过低的浅性色 
图片 
上面这几种辣眼睛的情况,咱们要尽量避免。
 
重色要么为偏灰色,要么带强颜色属性;中性色饱和度尽量需要往下收,收到直到比较温和为止;浅色的色彩尽量明快饱和度高一点,不要过灰,不然也会显得脏。
比如下面这些改好了的。
1、重色系
图片 
2、中性色 
图片 
3、浅色系 
图片 
再对比一下上面的几个辣眼睛色块,发现是不是差别还挺大。
 总结:根据颜色明度来控制颜色的饱和度  
说到这儿,其实学过美术的同学应该都知道,这个跟画色彩作品差不多,亮部尽量多给一些鲜艳的色彩,中间层尽量灰下去,暗部色彩可以稍微丰富一丢丢。
图片 

在实际业务场景,非纯工具型应用,很难只用到一种色彩,因为不同的功能需要使用不同的色彩来进行区分。
因此大部分实际的界面设计需求当中,我们还是要用到两种到三种的色彩。
图片 
不过在搭配的时候,需要注意的是,颜色的主色跟次色一定要显而易见可以区分得清楚。
其中主色应该占据60%-70%及以上的面积,次色加在一起,不可超过主色的面积区域。
图片
这样做的原因,也是为了防止眼睛失焦,导致审美疲劳。色彩越多,主次越难分清楚,眼睛对于信息的视觉需要越耗精力,所以自然看着不舒服。
总结:让页面的色彩主次显而易见。 
 
这一点在室内的装潢上,也有讲究。
室内设计讲究的主次色搭配,黄金配色比例70% : 25% : 5%;
图片 
70%的基础色,包括墙面、地板和天花板。一般情况下,同一空间的这三者颜色尽量控制在2种,最多不能超过3种(毕竟现在很多人喜欢涂一面有色的墙)
图片 
比如你发现这些很好看的室内设计图,都差不多是这样。从室内设计的装潢里找取配色灵感,也是不错的一些选择。
图片
上面的这些,就是最重要的三个方法。把这三个方法掌握了,其实配色起来就容易多了,而且不容易犯错误。 
 
另外,好的习惯也很重要
另外方法很重要,但习惯也不可忽视,所以还是得养成一些比较好的配色习惯,这样才能最快的成长,巩固自己对于配色的认知以及理解。
比如多收藏美图,提升审美。这点虽然很不起眼,但对于培养自己的审美,是有着绝大的好处的。在收藏了100个不同色彩的图板之后,相信你就能感受到其中的差距了。

图片

 

 

另外在初期阶段,哪怕按照上面的方法去调整了。还是感觉自己配出来的颜色总是缺了点什么。那么不妨去吸一吸别人的颜色,在别人的颜色上借鉴。

图片

图片

 

 

颜色无非就那么几种,多吸一吸也不是啥坏事。
比如你现在要让我设计一个绿色界面的UI,我肯定会先去吸一下微信的绿色,跟360的绿色,然后结合这两个绿色,做一下微调,搭配出一个崭新的绿色。
图片 
毕竟是在巨人的肩膀上前行,自然也不会太差。 
 
还有,理解色彩的情绪
最后一个,就是配色前的思考与判断也很重要,色彩的情绪需要与实际的场景想吻合。不要做出跟场景预期不符合的颜色,高端场景用大紫大绿不合适。

图片

 

原文地址:UX小学(公众号)

作者:小学鸭


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码