打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
分析图配色太丑?很可能是你不懂这六个原则

方案图纸是一个设计后期的表达

它取决了你方案的整体风格与概念

 你说你图纸表达做的丑,却不知道原因!

即便会有方方面面原因

本期,我们只关心色彩

色彩,还有色彩

面对如此普通的话题,从外行眼里看,这本应该是一名设计师必备的知识与技能。但相信大家,这一直都是个世纪难题。因为可知的颜色那么多种,稍不留神就会做成这个样子 ↓


面对这样的课题,我们不知去油管兜了多少圈,问度娘多少遍,知乎里查阅了多久。最终的结论就是:分析图的颜色虽然千变万化,却也不是一定没有规律可循的!

也就是说在绘图中的配色中,简单来说是有这么几种常用的方式:不同色调的单色调,三四种相似色搭配,一冷一暖的两色搭配,以及多种颜色的不同搭配等。

下面我们就一一讲解每种规律: 


当你对色彩敏感度不是特别强的时候,或者图纸表达中有一两种颜色的时候,可以首先考虑单色调配色。单色调也是最保险的配色方法,在色轮上选出一个舒服的颜色,通过调整饱和度或者色度,选出颜色搭配。

但是,当我们做图的时候往往会有不同功能块,只用一种颜色的时候,会感觉非常单调。优秀的设计师又是如何解决的呢?

对!单色配色最关键的技巧就是利用“多个色调的同色系”,也就是先找到一种舒服的颜色,然后调节不同色调,就能实现丰富的色彩搭配。

更多常见与发散性案例


如果颜色的明度搞不清楚怎么办?你还可以与其他配色方法结合:三四种相似的颜色进行搭配

在配色中,我们不一定要拘泥于一种单一的颜色,但是多种颜色又怕选择恐惧症发作,这时你可以将注意力分散开来,在色盘上找出你喜欢的一种颜色,与在色盘的35°的范围内的颜色进行搭配,这样出来的配色不仅更丰富,更给人带来一种和谐统一的感觉。

改变明度颜色依然和谐

通过与明度之间的变化相结合可以搭配出更多意想不到的结果

以经典效果图为例,由于色彩范围控制在35°之间,图面十分和谐统一,而且画面的格调烘托与气氛营造非常有感觉。




如果出现两种或多种配色需求呢?

在摸清楚单色和类似色配色的规律后,我们根据单色与补色相结合,达到双色或多种颜色的搭配,比如这里的两张图,红色与绿色、蓝色与橙色为互补色,整体搭配下来就会比同色系的颜色搭配更抓人的眼球,使画面的视觉冲击更强一些。

可互补色又有哪些呢?

在色盘中呈180°对应的颜色为互补色

也就是

01、互补色高阶配色法:

通过对明度的改变使图纸更丰富

结合之前所学到的单色调中的颜色明度的变化我们得到

在补色相搭配的基础上使主色互补色改变明度使得画面更丰富

02、互补色进阶配色法:

通过改变颜色的饱和度使图纸逼格更高

互补色又非常强烈的对比,通常在运用中补色尽量避免用色太纯,经常选择补色中饱和度相对较低的颜色,即增加了图片的生动性又不会显得土气。

明度越高,得到的配色越高级

当我们将互补色的其中一个颜色饱和度降低则可以在强调视觉重点的同时又不会造成太过于强烈的对比,同样的颜色在不同明度的背景色中,给眼睛带来的刺激也会减少。

而当互补色的两种颜色的饱和度全部降低时则会给人带来更为舒缓的感觉。


在使用互补色配色时,图中的颜色面积也十分重要,如果补色的面积太过于相近也会使画面对比效果过于强烈,给人带来的视觉的对冲性更强烈。

以经典电影中的配色为例,图片以冷绿色为主体,延伸出不同饱和度及明度的绿色,小范围的点缀了绿色的补色红色,使画面相对鲜活起来。

所以在互补色搭配中通常以一种色调为主,另一种颜色则作为点缀。例如:

分散互补色通常也是冷暖相对应,如果主色调选择暖色,则对应搭配一些冷色系,也就是说其中两种互相类似,另一种与它们形成鲜明对比。

再拿出插画中的配色对比一下

你说这些都跟我们的专业不相关?


来看接下来的效果图

以及排版

分散互补色是初学者很好的一个选择,完美突出对比感,画面又不失和谐。也是我们绘图排版中非常常用的一张配色方式:



实际配色中,往往四种颜色的配色其实就是两种互补色相结合~

由于是两对互补色组成的颜色,使用时建议设计师:最好只选择一个主色,不然整体会显得特别不平衡。

下面我们来看一下对比 

确实,右侧以橙色为主色调,并且占用了整个图幅的二分之一,与左侧图片相比而言平衡度与舒适度都要高一个档次。 在图纸表达中道理亦如此:

除此之外,有个小Tips:

轮中的矩形短边越短则给人感觉越舒适,如下图所示  ↓

如果前面的五种配色你都掌握了,那么接下来看看更高级别的大师配色,将前五种配色融合在一起会怎样呢?


多色配色也就是汇集了红色、粉色、橙色、蓝色、灰色等多个颜色。但由于多色搭配容易使画面乱,所以多用于分析图,或者以某个色系为主色调,其他颜色进行点缀。

实际操作中的多色搭配按照总结出来的配比式做出的分析图,逼格简直高出不要太多。

对比之前分析图的配可以明显看出

在配色上饱和度更低,颜色的运用上有主色调和辅助色,而之前的分析图颜色饱和度高,颜色均衡难以分出主次。




文 末 总 结
每个人都有适合自己出图的流程,但每个设计师的心目中也都希望自己能够和那些大神一样,每次设计出图都能成为骨灰级的作品。这是我们的初衷,也是希望和大家一起努力实现的目标。
本期的教程我们讲了出图中如何配色的问题,了解了六种基本配色的方法。那么如何才能高效的运用在实际中的关键,是需要把每种方式的基本原则领悟,根据自己所要表达的内容,合理的运用配色方式,就算红配绿也可以做出高逼格。

那么本周一的内容就到这里,我们下期见~


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
色彩大不同 让你的相片五光十色
人像摄影中的色彩搭配基础知识
7小时精通数码单反风光摄影——色彩篇
关于这种大色偏处理的思考~~~
干货|暗部不会画,你的作品就没有色彩效果!
色彩构成
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服