做设计的~没灵感？来看看这些配色小技巧 / 四六文摘

转自公众号：设长

Banner设计是要在有限的空间内很好将设计表达出，那么在有限的空间下进行版式设计，不仅要突出中心内容，还要给人一目了然、醒目突出的感觉。那么对设计师就是很大的一个考验。

前期我们有聊到关于Banner构图正确的打开方式，今天我们就一起聊聊关于Banner的配色小技巧，记得收藏点赞！

元素取色法

在确定了要表达什么样的设计风格，要添加关于相关类型的元素，那么可以使用我们添加的图片元素中提取设计的色彩。这样在画面上有互相联系的关系，也对画面进行局部的装饰和点缀，画面中的元素与整体也能好的结合在一起，搭配起来看上去也很舒服。

同色系搭配

同色系的搭配总会给人一种高级感。在设计中同色系也是极为常见的。设计画面中色彩以一类色相作为整体的导向，给人的视觉效果会很舒适，很自然。明暗与饱和度恰到好处的变化来搭配，整个画面都看上去很和谐。

无彩色调和

设计画面使用大量的荧光色或者高饱和、高明度的色彩。这个时候我们就需要通过适当的“无彩色”来对画面进行调和。就是利用黑、白、灰三种颜色降低前者高饱和的颜色带来的过度刺激。在设计师的把控下进行调和，这样的设计可以给画面能增加很大的色彩表现力，也能维持原有色彩的调性。

类似色强调

我们将色环任意三个相邻的颜色放在一起，这样的设计效果就会很和谐。那么在这么和谐的画面下，我们可以通过打破，将一个类似色进行强调或者装饰。这样可以很好的确保了有明显的对比，也能制造丰富的质感和层次，维持整体的风格调性。是配色法则中最经济使用的一个手法。

组合搭配法

组合搭配的手法建议颜色也不要超过4个，通常是在画面中重复使用2-3种色彩组合搭配。颜色的搭配最好都彼此相邻，这样可以创造一种流畅、平和的感觉。这样的做法不仅能够丰富画面的色彩变化，也在重复的组合中降低过多颜色对画面形成的干扰。一般我们都会选择柔和的色调。

灰色系设计

灰色系带给观者的效果都以冷静、安宁的中性色调。灰色系也是一个万能色，它比有彩色缺少一些个性。但当观者对一个颜色看久了，转头看到灰色系的设计，在观者的眼里会觉得灰色系比较醒目。往往这样的视觉效果，能很好的在设计作品中脱颖而出，将画面的重点呈现出来。

冷暖色冲突

冷暖色的冲突要先强调画面的主色调，再通过另一个颜色去点缀或者打破画面。营造出冲突的效果，这样的设计可以给观者带来不同的情绪，调节画面的效果，避免色彩搭配的枯燥、呆板。

传统色搭配

近两年，古色古香的配色也逐渐进入大众的眼里。中国的传统颜色实在是美得不可思议。Banner设计，我们可以再对应的文化下，将中国传统的颜色加入我们的设计中，这样在视觉上也能带给观者很好的中国风的画面感。

面积调和法

通过色相之间的相邻，相互调和自然的配色。在设计版面中以不同的面积比例出现在画面当中，画面色彩中也不会出现哪一个颜色比较突出，避免色彩之间产生过量的冲突，这样的画面可以实现统一与调和，融合感更强。画面看上去更加舒适。

注：以上图片来源网络，版权归设计者所有。

最后分享几个好用到爆的配色网站

1.Palette，一款设计爱好者会喜欢的取色app。

2.配色库，颜色搭配的好帮手，设计师必备。

3.Flat UI Coloers，漂亮的扁平化配色。

4.Colorhunt，一个非常简洁，非常好用的配色网站。

5.LOL Colors，可以找到很多色彩组合。

6.WebGradients，渐变背景色参考。

今天你学废了吗？

做设计的~没灵感？来看看这些配色小技巧