如何通过改变色彩搭配让你的设计变时尚?

葱爷
2021-08-06
  • UI
原创 1300人阅读


阅前叨逼叨:为什么说提升设计能力是一个漫长的过程?因为要学的东西真的很多。

时尚已经越来越频繁地出现在客户的设计需求中,那么要如何才能打造时尚的设计呢?很多时候我们并不需要做太多工作,而是只要改变一下作品的配色,就能让一件设计作品立马变得时尚起来。


首先通过观察大量时尚的设计作品,葱爷发现时尚的配色主要有以下几个特点:


1.颜色对比强烈,比如明度对比、色相对比;
2.颜色饱和度高。

时尚的配色方案有很多,例如:红色配蓝色:

玫红配紫色:

黄色配紫色:

绿色配紫色:

青色配玫红色:

黑白灰搭配镭射渐变:

黑白灰搭配荧光色等等:


下面葱爷举两个例子来分享两个配色方法。
1.使用色轮配色
下图这个banner,其背景色是从竹叶上吸取得来的绿色,标题所使用的深绿色也是如此,从画面图片中获取颜色,是我们配色的常用方法,好处是整体看起来很和谐,但有点过于中规中矩了,不够时尚,现在我们来给它换一种配色看看效果。

首先把画面中的图片饱和度调高,当然,主要指的是竹叶和熊猫身后的竹林背景,熊猫的色彩我们是无能为力的。

饱和度调高后,现在我们从图片中提取出一深一浅两个绿色作为色样,然后我们打开一个色轮,找到这几个绿色所在的大概位置。

既然背景色用绿色效果一般,那么我们去就来换一个颜色,如果用绿色的对比色(红色),那么调性相差太远,不太合适,所以采用绿色的近似色比较合理,绿色的近似色为黄色和青色,为了有冷暖对比,我选择了黄色。

现在我们把这两组颜色用到画面中来。由图片中的绿色偏暗,所以背景中的主色应该用明度较高的黄色,以加强对比,相应的标题要用深绿色突出。

感觉还可以,但是时尚感还差一点,所以我们来搭一点对比色进来,首先,在色轮中找到了这两组颜色的补色:紫色。

试着把它用到画面里来,为了不破坏整体的调性,我从背景中切割出一小块面积用来填充辅助色。

颜色对比强烈了很多,画面更时尚了有没有?接下来我们再来试试对比色 ,因为画面的主色为黄色,所以我们可以选一个黄色的对比色,在色轮上我们可以看到,与黄色成120度角的颜色为玫红色和蓝色,我这里选择了玫红色。


把它用到到画面里来,效果也很不错,具体用什么色值的颜色,大家可以多做尝试、反复对比。

2.使用参考配色
在一次长隆的比稿过程中,我想尝试一下用波普风做一组海报,因为以前长隆没有做过这种风格,我在网上看了一些波普风的设计:



得出了几个波普海报的特点:


1.几乎每个元素都会有比较粗的黑色描边;
2.喜欢用扁平大色块;
3.喜欢用波点作图案填充;
4.喜欢用爆炸框;
5.喜欢给文字加投影;


海报设计完成后,我参考了一些波普风设计的配色。

虽然效果也还行,但是复古味太浓了,我想要更时尚一点,所以我找了一件色彩搭配比较时尚的作品来作为参考对象。

首先我把海报中主要的几个颜色提取出来。

由于这个案例比上一个案例要复杂一些,色彩也要多一些,所以在把这些颜色用到画面中之前,我们要注意几个问题:
1.颜色要有主次,不然容易乱。比如参考中面积占比最大的是青色到玫红色的渐变背景色。其次是人物身上的玫红色,其他作为辅助色点缀。


2.主体要突出,所以主体的颜色与其周围元素颜色对比要尽量大一点。


3.要灵活运用黑色和白色进行辅助,这两个颜色都是百搭的。


修改后的配色如下图,其实这个过程中我也调整了很多次,哪个颜色放在哪里效果更好?哪个颜色应该多一点、哪个颜色应该少一点等等?反正最终的目的是看起来既要时尚又不能太刺眼。

最后一步,给画面增加一点小元素,增强画面的层次感,调整一些细节使主体更突出,各元素更清晰、分明。

配色是设计师非常重要的一课,所以,一方面我们要了解色彩的基本关系和性格,另一方面也要多储备一些好看的配色,好的色彩有时候可以拯救一件作品,同理,不好的色彩搭配也会毁了一件作品。


本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:葱爷·!


虎课APP