01 鄰近色的定義

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

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

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

橙色和紅色是充滿活力和激情的顏色，經(jīng)常使用在促銷等表現(xiàn)出熱鬧、愉快氛圍的設(shè)計中。

紅色和紫色搭配是高彩度、但明度相當(dāng)?shù)偷纳蚀钆洌谑褂蒙献⒁獠灰俗尞嬅孢^度暗沉。最好適度地提高色彩的明度和搭配高明度的色彩來增加畫面上的層次感。具有浪漫、華麗、高貴感。

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

藍(lán)色明度低，綠色明度高，所以藍(lán)綠配色即協(xié)調(diào)統(tǒng)一又有很強的對比。讓人聯(lián)想到藍(lán)天綠水之美，感到平靜，放松，給人清爽舒適感。

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

02 鄰近色配色的方法

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

在調(diào)色規(guī)則中選擇“類比”。使用橙色為基礎(chǔ)顏色，會自動生成四個關(guān)聯(lián)顏色，篩選適合的顏色配置到畫面中，就能很快完成配色方案：

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

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

03 總結(jié)

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

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

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

作者：鄧海貝

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》配色不協(xié)調(diào)？來看看“鄰近色”搭配

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

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

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