3

互补色

 2 years ago
source link: https://www.uisdc.com/complementary-color
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
这可能是最容易出效果的配色方法:互补色(基础篇) - 优设网 - UISDC

这可能是最容易出效果的配色方法:互补色(基础篇)

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

这可能是最容易出效果的配色方法:互补色(基础篇)

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

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

这可能是最容易出效果的配色方法:互补色(基础篇)

上期暂告一段落,更多配色技巧:

欢迎关注作者的微信公众号:「艺海拾贝Design」

这可能是最容易出效果的配色方法:互补色(基础篇)


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK