01 互補色的定義
互補色分為“光學互補色”和“印刷（色料）互補色”兩種。
光學互補色：兩種色光以適當?shù)谋壤旌?，能產(chǎn)生白光時，則這兩種顏色就稱為“互為補色”。
本文主要探討的是印刷（色料）方面的互補色：在色相環(huán)上相對180°角的兩種顏色，這兩個顏色混合會得到灰色。
互補色由于在色環(huán)上相距最遠，色彩差異最大，色彩對比很強烈，合理的搭配往往會產(chǎn)生強烈的視覺沖擊力。
雖然從色環(huán)上來看，互補色可以有很多組，但最常用的互補色有3組，分別是紅和綠、藍和橙、紫和黃。
由于紅色和綠色在色相上缺乏共性，放在一起會造成極強的視覺反差，搭在一起容易有格格不入、扎眼的感覺，容易出現(xiàn)散亂、土氣的感覺。
要取得好的視覺效果，則需要使用一些調(diào)和手段，可以在明度、飽和度上中和兩種色彩的突兀，使其形成和諧統(tǒng)一的對比。
藍橙是一組經(jīng)典的冷暖互補色，溫暖的橙色在與偏冷的藍色搭配時，更加醒目，活潑的橙色可以很好的緩解深藍色的沉悶，增加畫面的愉悅氣氛，可以很好的營造出畫面的層次感。
紫色和黃色不論是色相還是明度差異都非常大，因此黃色與紫色的搭配容易產(chǎn)生相當高的視覺強度。
02 互補色配色的方法
互補色對比性強烈，因此在視覺上會產(chǎn)生極大的隔離作用。由于色相對比過大，配色難度也最大，如何化解互補色之間的沖突感，是用好互補色的關(guān)鍵。
1.通過面積比來達到平衡
如果使用面積相近的互補色的搭配，具有強烈的沖突感，產(chǎn)生的視覺效果強烈而鮮明，情感濃烈，令人記憶深刻。非常適合夸張的、張揚的情感表達。
大多數(shù)情況下，我們會選擇一種顏色作為主色調(diào)，大面積的色相占據(jù)主導(dǎo)位置，再用小面積的互補色去點綴畫面。這樣才能表現(xiàn)出主次關(guān)系和豐富的色調(diào)效果，色彩對比強烈卻又不違和。
2、調(diào)整明度與飽和度來減弱色彩沖突
高明度與高飽和的互補色搭配，對比強烈，在視覺上會產(chǎn)生極大的隔離作用，它們組合在起，會產(chǎn)生相互襯托、相互抗衡、相互排斥的感覺，并使各自的色相更顯突出，更為艷麗，具有強烈的視覺沖擊力。
可以考慮降低互補色的明度與飽和度，來減弱沖突，既保留了對比色搭配的特點，同時降低了過強的視覺刺激。
3、加入中性色緩沖其強烈的對抗性
互補色鮮艷熱烈，而中性色（黑白灰）則剛好相反，它們毫無情緒感，中庸冷靜。在對比色中加入中性色可以很好的調(diào)和畫面的平衡感。通過中性色的調(diào)和，既保持了互補色所帶來的豐富的層次感，也避免了互補色之間強烈的沖突。
原文地址：藝海拾貝Design（公眾號）
作者：鄧海貝
轉(zhuǎn)載請注明：學UI網(wǎng)》聽說這是最難的配色方法——互補色篇
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)