01 鄰近色的定義

顧名思義鄰近色是色相環中色相相鄰的顏色，相對單色對比，鄰近色對比增加了色相對比，因此視覺效果更豐富。

鄰近色在色相上比較接近，色彩的冷暖屬性，還有情感特性上都比較類似，所以鄰近色搭配能很好的保持畫面的協調與統一，是設計中使用頻率最高的配色方案之一。

黃色與橙色相配具有很和諧的過渡感，由于橙色和黃色都非常明亮鮮艷，很容易營造出輕松快樂的氛圍，充滿活力，讓人興奮愉悅。

橙色和紅色是充滿活力和激情的顏色，經常使用在促銷等表現出熱鬧、愉快氛圍的設計中。

紅色和紫色搭配是高彩度、但明度相當低的色彩搭配，在使用上注意不宜讓畫面過度暗沉。最好適度地提高色彩的明度和搭配高明度的色彩來增加畫面上的層次感。具有浪漫、華麗、高貴感。

藍色和紫色明度很接近，對比比較柔和。神秘夢幻的紫色搭配上和科技感十足的藍色，顯得十分前衛時尚。是蒸汽波、波普藝術、賽博朋克等前衛時尚風格常用的配色。

藍色明度低，綠色明度高，所以藍綠配色即協調統一又有很強的對比。讓人聯想到藍天綠水之美，感到平靜，放松，給人清爽舒適感。

黃綠色是調和性相當高的色彩組合，黃色搭配清新的綠色，是自然界中很常見的色彩組合，具有自然的呼喚感，新鮮而又清澈，顯得朝氣有活力。

02 鄰近色配色的方法

接下來使用在線配色工具：Adobe Color來進行配色示范色。（網址：color.adobe.com）

在調色規則中選擇“類比”。使用橙色為基礎顏色，會自動生成四個關聯顏色，篩選適合的顏色配置到畫面中，就能很快完成配色方案：

和單色系相比，鄰近色在色相方面會稍微豐富一些，但仍然存在色調過于單一、對比不夠的問題。一般會拉開顏色之間的明度或純度，形成明暗對比，襯托出主體。

鄰近色還可以結合不同明度和純度來使用，讓畫面呈現出層次變化，展現出不同的氣質和視覺效果。

03 總結

鄰近色在色相上比較接近，色彩的冷暖屬性，還有情感特性上都比較類似，所以鄰近色搭配能很好的保持畫面的協調與統一，是設計中使用頻率最高的配色方案之一。

鄰近色存在色調過于單一、對比不夠的問題。一般會拉開顏色之間的明度或純度，形成明暗對比，襯托出主體。

原文地址：藝海拾貝Design（公眾號）

作者：鄧海貝

轉載請注明：學UI網》配色不協調？來看看“鄰近色”搭配

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.shtzxx.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務