分享

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

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

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

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

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


图片


玫红配紫色:


图片


黄色配紫色


图片


绿色配紫色:


图片


青色配玫红色


图片


黑白灰搭配镭射渐变


图片


黑白灰搭配荧光色等等


图片



下面葱爷举两个例子来分享两个配色方法。

1.使用色轮配色

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


图片


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


图片


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


图片


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


图片


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


图片


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


图片


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


图片

图片


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


图片


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


图片



图片



2.使用参考配色

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


图片
图片
图片
图片
图片
图片


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

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

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


图片

图片



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


图片


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

图片

由于这个案例比上一个案例要复杂一些,色彩也要多一些,所以在把这些颜色用到画面中之前,我们要注意几个问题:

1.颜色要有主次,不然容易乱。比如参考中面积占比最大的是青色到玫红色的渐变背景色。其次是人物身上的玫红色,其他作为辅助色点缀。

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

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

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


图片


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

图片




图片

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

来源:葱爷(id:congyenanian)
- END -

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多