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