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

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

原创 葱爷 葱爷 今天

图片

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

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

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

1.颜色对比强烈，比如明度对比、色相对比；

2.颜色饱和度高。

时尚的配色方案有很多，例如：红色配蓝色：

图片

玫红配紫色：

图片

黄色配紫色：

图片

绿色配紫色：

图片

青色配玫红色：

图片

黑白灰搭配镭射渐变：

图片

黑白灰搭配荧光色等等：

图片

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

1.使用色轮配色

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

图片

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

图片

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

图片

图片

2.使用参考配色

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

图片

图片

图片

图片

图片

图片

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

1.几乎每个元素都会有比较粗的黑色描边；

2.喜欢用扁平大色块；

3.喜欢用波点作图案填充；

4.喜欢用爆炸框；

5.喜欢给文字加投影；

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

图片

图片

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

图片

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

图片

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

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

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

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

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

图片

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

图片

图片

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

图片

葱爷

为原创打Call !

喜欢作者

1 人喜欢

阅读 1074

写下你的留言

精选留言

远方

打个卡葱哥，滴滴

YIYAYOU

最近离职在家，学习的同时顺带接了个案子，结果卡颜色这块卡了好几天，早一点看见葱爷这篇教学贴就好了

葱爷

(作者)

抱歉

Dear me

葱爷厉害！中国队加油！！🐮 

葱爷

(作者)

跑错片场了

----------------------------
本文由新墨整理并发布。转载来自互联网，若侵权则删除！
新墨5年开发经验，45名团队成员，上线已达100+产品，于北京和成都2个城市提供技术开发服务。致力于提供APP开发,小程序开发,微信开发,IOT物联网开发,电商系统开发,教育系统开发,H5开发,游戏开发,用户体验设计,课件设计

新墨官网地址：http://www.sinmore.com.cn/
新墨物联网站：http://www.sinmore.cn/
布鸽科技：http://www.buge.vip/