01 互補(bǔ)色的定義

互補(bǔ)色分為“光學(xué)互補(bǔ)色”和“印刷（色料）互補(bǔ)色”兩種。

光學(xué)互補(bǔ)色：兩種色光以適當(dāng)?shù)谋壤旌?，能產(chǎn)生白光時(shí)，則這兩種顏色就稱為“互為補(bǔ)色”。

本文主要探討的是印刷（色料）方面的互補(bǔ)色：在色相環(huán)上相對(duì)180°角的兩種顏色，這兩個(gè)顏色混合會(huì)得到灰色。

互補(bǔ)色由于在色環(huán)上相距最遠(yuǎn)，色彩差異最大，色彩對(duì)比很強(qiáng)烈，合理的搭配往往會(huì)產(chǎn)生強(qiáng)烈的視覺沖擊力。

雖然從色環(huán)上來(lái)看，互補(bǔ)色可以有很多組，但最常用的互補(bǔ)色有3組，分別是紅和綠、藍(lán)和橙、紫和黃。

由于紅色和綠色在色相上缺乏共性，放在一起會(huì)造成極強(qiáng)的視覺反差，搭在一起容易有格格不入、扎眼的感覺，容易出現(xiàn)散亂、土氣的感覺。

要取得好的視覺效果，則需要使用一些調(diào)和手段，可以在明度、飽和度上中和兩種色彩的突兀，使其形成和諧統(tǒng)一的對(duì)比。

藍(lán)橙是一組經(jīng)典的冷暖互補(bǔ)色，溫暖的橙色在與偏冷的藍(lán)色搭配時(shí)，更加醒目，活潑的橙色可以很好的緩解深藍(lán)色的沉悶，增加畫面的愉悅氣氛，可以很好的營(yíng)造出畫面的層次感。

紫色和黃色不論是色相還是明度差異都非常大，因此黃色與紫色的搭配容易產(chǎn)生相當(dāng)高的視覺強(qiáng)度。

02 互補(bǔ)色配色的方法

互補(bǔ)色對(duì)比性強(qiáng)烈，因此在視覺上會(huì)產(chǎn)生極大的隔離作用。由于色相對(duì)比過(guò)大，配色難度也最大，如何化解互補(bǔ)色之間的沖突感，是用好互補(bǔ)色的關(guān)鍵。

1.通過(guò)面積比來(lái)達(dá)到平衡

如果使用面積相近的互補(bǔ)色的搭配，具有強(qiáng)烈的沖突感，產(chǎn)生的視覺效果強(qiáng)烈而鮮明，情感濃烈，令人記憶深刻。非常適合夸張的、張揚(yáng)的情感表達(dá)。

大多數(shù)情況下，我們會(huì)選擇一種顏色作為主色調(diào)，大面積的色相占據(jù)主導(dǎo)位置，再用小面積的互補(bǔ)色去點(diǎn)綴畫面。這樣才能表現(xiàn)出主次關(guān)系和豐富的色調(diào)效果，色彩對(duì)比強(qiáng)烈卻又不違和。

2、調(diào)整明度與飽和度來(lái)減弱色彩沖突

高明度與高飽和的互補(bǔ)色搭配，對(duì)比強(qiáng)烈，在視覺上會(huì)產(chǎn)生極大的隔離作用，它們組合在起，會(huì)產(chǎn)生相互襯托、相互抗衡、相互排斥的感覺，并使各自的色相更顯突出，更為艷麗，具有強(qiáng)烈的視覺沖擊力。

可以考慮降低互補(bǔ)色的明度與飽和度，來(lái)減弱沖突，既保留了對(duì)比色搭配的特點(diǎn)，同時(shí)降低了過(guò)強(qiáng)的視覺刺激。

3、加入中性色緩沖其強(qiáng)烈的對(duì)抗性

互補(bǔ)色鮮艷熱烈，而中性色（黑白灰）則剛好相反，它們毫無(wú)情緒感，中庸冷靜。在對(duì)比色中加入中性色可以很好的調(diào)和畫面的平衡感。通過(guò)中性色的調(diào)和，既保持了互補(bǔ)色所帶來(lái)的豐富的層次感，也避免了互補(bǔ)色之間強(qiáng)烈的沖突。

原文地址：藝海拾貝Design（公眾號(hào)）

作者：鄧海貝

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》聽說(shuō)這是最難的配色方法——互補(bǔ)色篇

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)