听说这是最难的配色方法——互补色篇

2021-11-30    lanlanwork


01 互补色的定义

互补色分为“光学互补色”和“印刷(色料)互补色”两种。

光学互补色:两种色光以适当的比例混合,能产生白光时,则这两种颜色就称为“互为补色”。

本文主要探讨的是印刷(色料)方面的互补色:在色相环上相对180°角的两种颜色,这两个颜色混合会得到灰色。

图片

互补色由于在色环上相距最远,色彩差异最大,色彩对比很强烈,合理的搭配往往会产生强烈的视觉冲击力。

虽然从色环上来看,互补色可以有很多组,但最常用的互补色有3组,分别是红和绿、蓝和橙、紫和黄。

 

图片

由于红色和绿色在色相上缺乏共性,放在一起会造成极强的视觉反差,搭在一起容易有格格不入、扎眼的感觉,容易出现散乱、土气的感觉。

要取得好的视觉效果,则需要使用一些调和手段,可以在明度、饱和度上中和两种色彩的突兀,使其形成和谐统一的对比。

图片

图片

 

图片

蓝橙是一组经典的冷暖互补色,温暖的橙色在与偏冷的蓝色搭配时,更加醒目,活泼的橙色可以很好的缓解深蓝色的沉闷,增加画面的愉悦气氛,可以很好的营造出画面的层次感。

图片

图片

 

图片

紫色和黄色不论是色相还是明度差异都非常大,因此黄色与紫色的搭配容易产生相当高的视觉强度。

图片

 

02 互补色配色的方法

互补色对比性强烈,因此在视觉上会产生极大的隔离作用。由于色相对比过大,配色难度也最大,如何化解互补色之间的冲突感,是用好互补色的关键。

 

1.通过面积比来达到平衡

如果使用面积相近的互补色的搭配,具有强烈的冲突感,产生的视觉效果强烈而鲜明,情感浓烈,令人记忆深刻。非常适合夸张的、张扬的情感表达。

图片

大多数情况下,我们会选择一种颜色作为主色调,大面积的色相占据主导位置,再用小面积的互补色去点缀画面。这样才能表现出主次关系和丰富的色调效果,色彩对比强烈却又不违和。

图片

 

2、调整明度与饱和度来减弱色彩冲突

高明度与高饱和的互补色搭配,对比强烈,在视觉上会产生极大的隔离作用,它们组合在起,会产生相互衬托、相互抗衡、相互排斥的感觉,并使各自的色相更显突出,更为艳丽,具有强烈的视觉冲击力。

图片

可以考虑降低互补色的明度与饱和度,来减弱冲突,既保留了对比色搭配的特点,同时降低了过强的视觉刺激。

图片

 

3、加入中性色缓冲其强烈的对抗性

互补色鲜艳热烈,而中性色(黑白灰)则刚好相反,它们毫无情绪感,中庸冷静。在对比色中加入中性色可以很好的调和画面的平衡感。通过中性色的调和,既保持了互补色所带来的丰富的层次感,也避免了互补色之间强烈的冲突。

图片

 

原文地址:艺海拾贝Design(公众号)

作者:邓海贝

转载请注明:学UI网》听说这是最难的配色方法——互补色篇

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档