01 鄰近色的定義
顧名思義鄰近色是色相環(huán)中色相相鄰的顏色,相對(duì)單色對(duì)比,鄰近色對(duì)比增加了色相對(duì)比,因此視覺(jué)效果更豐富。
鄰近色在色相上比較接近,色彩的冷暖屬性,還有情感特性上都比較類似,所以鄰近色搭配能很好的保持畫面的協(xié)調(diào)與統(tǒng)一,是設(shè)計(jì)中使用頻率最高的配色方案之一。
黃色與橙色相配具有很和諧的過(guò)渡感,由于橙色和黃色都非常明亮鮮艷,很容易營(yíng)造出輕松快樂(lè)的氛圍,充滿活力,讓人興奮愉悅。
橙色和紅色是充滿活力和激情的顏色,經(jīng)常使用在促銷等表現(xiàn)出熱鬧、愉快氛圍的設(shè)計(jì)中。
紅色和紫色搭配是高彩度、但明度相當(dāng)?shù)偷纳蚀钆洌谑褂蒙献⒁獠灰俗尞嬅孢^(guò)度暗沉。最好適度地提高色彩的明度和搭配高明度的色彩來(lái)增加畫面上的層次感。具有浪漫、華麗、高貴感。
藍(lán)色和紫色明度很接近,對(duì)比比較柔和。神秘夢(mèng)幻的紫色搭配上和科技感十足的藍(lán)色,顯得十分前衛(wèi)時(shí)尚。是蒸汽波、波普藝術(shù)、賽博朋克等前衛(wèi)時(shí)尚風(fēng)格常用的配色。
藍(lán)色明度低,綠色明度高,所以藍(lán)綠配色即協(xié)調(diào)統(tǒng)一又有很強(qiáng)的對(duì)比。讓人聯(lián)想到藍(lán)天綠水之美,感到平靜,放松,給人清爽舒適感。
黃綠色是調(diào)和性相當(dāng)高的色彩組合,黃色搭配清新的綠色,是自然界中很常見(jiàn)的色彩組合,具有自然的呼喚感,新鮮而又清澈,顯得朝氣有活力。
02 鄰近色配色的方法
接下來(lái)使用在線配色工具:Adobe Color來(lái)進(jìn)行配色示范色。(網(wǎng)址:color.adobe.com)
在調(diào)色規(guī)則中選擇“類比”。使用橙色為基礎(chǔ)顏色,會(huì)自動(dòng)生成四個(gè)關(guān)聯(lián)顏色,篩選適合的顏色配置到畫面中,就能很快完成配色方案:
和單色系相比,鄰近色在色相方面會(huì)稍微豐富一些,但仍然存在色調(diào)過(guò)于單一、對(duì)比不夠的問(wèn)題。一般會(huì)拉開(kāi)顏色之間的明度或純度,形成明暗對(duì)比,襯托出主體。
鄰近色還可以結(jié)合不同明度和純度來(lái)使用,讓畫面呈現(xiàn)出層次變化,展現(xiàn)出不同的氣質(zhì)和視覺(jué)效果。
03 總結(jié)
鄰近色在色相上比較接近,色彩的冷暖屬性,還有情感特性上都比較類似,所以鄰近色搭配能很好的保持畫面的協(xié)調(diào)與統(tǒng)一,是設(shè)計(jì)中使用頻率最高的配色方案之一。
鄰近色存在色調(diào)過(guò)于單一、對(duì)比不夠的問(wèn)題。一般會(huì)拉開(kāi)顏色之間的明度或純度,形成明暗對(duì)比,襯托出主體。
原文地址:藝海拾貝Design(公眾號(hào))
作者:鄧海貝
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》配色不協(xié)調(diào)?來(lái)看看“鄰近色”搭配
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( cqzjtgb.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ù)