配色原理

杭州/UI设计师/4年前/483浏览
配色原理

个人在设计上对配色原理的一些拙见

啦啦啦。。。。。。。时隔一个多月。。。我又来更新文章啦。。

这次是总结一些个人对配色原理的拙见,有说的不对的地方望各位小可爱提出,不喜勿喷。。。。


好啦,直接进入主题吧。。。



直接就从颜色的三原色开始吧,色光三原色就不说了,主要是怕我自己搞乱了。。。

我们都知道的颜色的三原色就是:红、黄、蓝

这个就不需要科普了吧。。



如果将这三个颜色两两混合:红黄、黄蓝、蓝红 就可以得到间色,



再继续从间色中两两混合,就得到我们传说中的色彩12色环,通常叫做三级色:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色



现在,应该了解颜色到底都是怎么衍生出来的了吧,也可以了解色轮上的颜色组合都是怎么得到的。理解了色彩的原则将有助于我们在设计中如何选择颜色。


下面开始讲讲配色组合都有哪些,以前上课的时候老师就经常讲:对比色,互补色,相近色。。。其实配色方案不止这些,还有其他的。。。。


(1)互补色:也叫撞色,巨冷的一个颜色和巨暖的一个颜色相撞。。。。

简单理解为色轮上呈180°角的两个颜色,记住:互补色也叫撞色,呈180°角的两个颜色

互补色具有很强的对比度,我感觉撞色搭配在时尚行业、而且是大品牌会用的比较多,因为撞色对比鲜明,能快速抓住用户眼球,撞色的搭配也体现了品牌较强的个性,以前我们老师说的红配绿丑到炸,但许多大牌就会采用红配绿这样的撞色搭配,其实撞色在饱和度上掌控的好的话,搭配起来也是很舒服的


举个例子吧:


比如宜家的logo



比如很火的越南咖啡品牌名叫Guta,他们家的视觉设计就很赞,用的就是撞色搭配



这个咖啡品牌的视觉设计采用的是:蓝黄的撞色搭配。只有这两个颜色,没有多余的颜色做点缀了,给人的第一印象就是:这个品牌有着自己热情奔放的一面,同时又不失内心的宁静理性与自我认知的智慧

整体感觉就是很高级且不俗气


再举个服装行业的例子吧:



时尚行业其实体现的就是个性,不管是品牌还是个人,都是一样的,而撞色的搭配是对个性最直接的表达



(2)相似色




相似色搭配也叫同色系搭配,也就是色轮上相邻的三个颜色的搭配,这种搭配往往不会容易出错,给人感觉也比较温和,统一感很强,层次感也比较丰富,如果你色感不是很好的话,我建议你采用同色系搭配法,让人看着不会乱,也比较舒适


举了一些例子,可以感受下:




(3)单色配色法:这个比较好理解,就是一个色相+白色或者黑色的一种配色方法(黑白属于无彩色)。也就是说整个设计中只出现一个颜色。

这个主要还是看个人喜好了,如果你对自己的配色能力不自信的话,还是用单色搭配吧,永远不会出错,虽然色彩搭配上看起来平平无奇,但是却很高级,属于禁欲系系列


举些例子感受下吧:



除了以上三种配色方法,还有其他的配色方法,主要是以上三种是我工作中用到比较多的,至于其他配色方法,我就简单说说吧,就不一一列举了:



我感觉三角色,分散的互补色,四方色,四方补色。。这些配色方案有人很少用吧,反正我工作中很少遇到,


简单讲讲色相吧



最后


我想说,无论你用那种配色方法,首先必须要符合品牌调性,其次是掌握好色彩之间的比例:

主色:60%~70%

辅助色:20%~25%

点缀色:5%~10%

我工作这么多年,含泪的教训啊,就是千万千万不要超过三种颜色。。。。。。

否则,,,,额。。。。你们懂的


如果说还不太懂怎么配色的话,直接去优设网里的网址导航找配色方案

配色方案

里面有很多中颜色搭配的方法,可以参考

2
Report
|
11
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
文章
文章
文章
文章
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in