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)上來看，互補(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ì)比過大，配色難度也最大，如何化解互補(bǔ)色之間的沖突感，是用好互補(bǔ)色的關(guān)鍵。
1.通過面積比來達(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)整明度與飽和度來減弱色彩沖突
高明度與高飽和的互補(bǔ)色搭配，對(duì)比強(qiáng)烈，在視覺上會(huì)產(chǎn)生極大的隔離作用，它們組合在起，會(huì)產(chǎn)生相互襯托、相互抗衡、相互排斥的感覺，并使各自的色相更顯突出，更為艷麗，具有強(qiáng)烈的視覺沖擊力。
可以考慮降低互補(bǔ)色的明度與飽和度，來減弱沖突，既保留了對(duì)比色搭配的特點(diǎn)，同時(shí)降低了過強(qiáng)的視覺刺激。
3、加入中性色緩沖其強(qiáng)烈的對(duì)抗性
互補(bǔ)色鮮艷熱烈，而中性色（黑白灰）則剛好相反，它們毫無情緒感，中庸冷靜。在對(duì)比色中加入中性色可以很好的調(diào)和畫面的平衡感。通過中性色的調(diào)和，既保持了互補(bǔ)色所帶來的豐富的層次感，也避免了互補(bǔ)色之間強(qiáng)烈的沖突。
原文地址：藝海拾貝Design（公眾號(hào)）
作者：鄧海貝
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》聽說這是最難的配色方法——互補(bǔ)色篇
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.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ù)