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

葱爷 / 2021-08-06 19:52:05

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

原创 葱爷 葱爷 今天

图片




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



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


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


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/

热门文章
最新文章
推荐文章