色彩難把控？這些配色知識(shí)可助你一臂之力……

細(xì)直緊園 2019-08-27

展開(kāi)全文

配色一直是設(shè)計(jì)圈子里恒久不變的熱門話題，是我們作為設(shè)計(jì)師必須要掌握的一門重要技能之一，通過(guò)色彩可以向用戶傳遞不同層面的視覺(jué)信息，所以不同的色彩也都被人們賦予了不同的含義，比如：紅色、橙色、黃色等暖色系列的顏色能表現(xiàn)出溫暖、熱鬧；而藍(lán)色、淡藍(lán)色等冷色系列顏色，會(huì)給人一種涼爽、寒冷的感覺(jué)。將色彩屬性與設(shè)計(jì)作品有效的相互結(jié)合，往往能做到1+1>2的視覺(jué)效果。

在設(shè)計(jì)中，色彩可以分為兩大類，即有彩色和無(wú)彩色，無(wú)彩色大多指我們常說(shuō)的黑、白、灰。有彩色則是除無(wú)彩色之外的顏色。下面說(shuō)下有彩色的三大特征，即色相、飽和度、明度：

色相：色彩的首要特征，也就是色彩可呈現(xiàn)出來(lái)的質(zhì)地面貌，比如我們常說(shuō)的：紅色、藍(lán)色、綠色……

飽和度：色彩的鮮艷程度，也就是色彩的純度，飽和度取決于該色中含色成分和消色成分（灰色）的比例，直觀看就是我們常說(shuō)的：天藍(lán)色、淡藍(lán)色、灰藍(lán)色等等，就是對(duì)飽和度不同程度的體現(xiàn)：

（飽和度由高→低的變化）

明度：是眼睛對(duì)光源和物體表面的明暗程度的感覺(jué)，簡(jiǎn)單理解就是色彩的明亮程度，比如白天和黑夜：

（明度由亮→暗的變化）

在 Photoshop拾色器中分別對(duì)應(yīng)：

有彩色的三大特征：色相、飽和度、明度，三者相輔相成、共同作用，任何一種有彩色都必然存在著這樣的特征關(guān)系。相信大家應(yīng)該能明白三大特征分別代表著什么了，如果還不懂，那就再look、look！

在有彩色范圍內(nèi)，不同色相之間存在著一些可遵循的視覺(jué)關(guān)系，根據(jù)這些視覺(jué)關(guān)系，我們也能得到一些常見(jiàn)的色彩搭配方式，下面我們具體分析：

同類色：色相環(huán)間隔在30°以內(nèi)的色相搭配，這類配色形式優(yōu)點(diǎn)：舒服、統(tǒng)一、視覺(jué)比較柔和、容易把控。缺點(diǎn)是：沖擊性很弱，運(yùn)用不得當(dāng)會(huì)單調(diào)、缺少視覺(jué)層次感。所以此類配色方式不易用于對(duì)抗、沖擊力強(qiáng)的設(shè)計(jì)作品。

案例展示：

案例中每一幅海報(bào)整體給人的視覺(jué)感受都很舒服、平緩、易于接受，這也是設(shè)計(jì)中用到最不容易出錯(cuò)的一種配色方式。

鄰近色：色相環(huán)相隔90°的顏色稱之為鄰近色，這類配色方式優(yōu)點(diǎn)：陽(yáng)光、活潑、穩(wěn)定、有一定視覺(jué)沖擊力、視覺(jué)層次感豐富。

案例展示：

如圖所示，整體視覺(jué)層次感豐富、有跳躍性，但同時(shí)也很舒服、和諧。

對(duì)比色：色相環(huán)間隔120°的顏色，這類配色形式優(yōu)點(diǎn)：視覺(jué)沖擊力強(qiáng)烈、富有跳躍性、突出、點(diǎn)綴能力強(qiáng)，比如：常用作畫面中的點(diǎn)綴色，或與主體固有色成對(duì)比關(guān)系的背景色，用于突出主體。缺點(diǎn)：大面積使用比較難把控。

案例展示：

如圖所示，當(dāng)對(duì)比色的面積較大時(shí)，給人的視覺(jué)沖擊力是很強(qiáng)烈的。而當(dāng)其中一個(gè)色相較少時(shí)，點(diǎn)綴、裝飾的作用就顯現(xiàn)出來(lái)，這部分顏色就是畫面中容易出彩的部分。

互補(bǔ)色：色相環(huán)間隔180°的顏色稱之為互補(bǔ)色，色相環(huán)上夾角呈現(xiàn)一條直線，互補(bǔ)色的顏色性質(zhì)相差較大，將這兩種顏色相互搭配，就會(huì)使這兩種顏色都顯得更加鮮明，也將視覺(jué)沖擊力強(qiáng)度提升至峰值！這類配色形式優(yōu)缺點(diǎn)和對(duì)比色很相似。只不過(guò)此類視覺(jué)沖擊力更強(qiáng)也更難把控。

案例展示：

色彩是有色調(diào)的，色調(diào)可以理解為：通過(guò)改變明度與飽和度來(lái)調(diào)配色彩濃淡、強(qiáng)弱程度，叫做色調(diào)。簡(jiǎn)單理解就是決定色調(diào)的主要因素是明度和飽和度，而決定作品最終色調(diào)的因素是畫面中視覺(jué)比例較大色彩的屬性。那么了解色調(diào)對(duì)于我們對(duì)設(shè)計(jì)的理解有哪些幫助呢？下面我們列舉幾個(gè)例子：

淺白色調(diào)：泛指偏低飽和度、高明度的色相搭配。不同色相之間相互搭配所帶來(lái)的視覺(jué)感受很緩和，即便是以互補(bǔ)色的形式搭配，視覺(jué)沖擊力也明顯減弱。色相固有的視覺(jué)屬性表現(xiàn)力有所降低，這類色調(diào)的設(shè)計(jì)作品帶給用戶的視覺(jué)感受比較清純、陽(yáng)光、年輕、干凈、舒服。

案例展示：

此類色調(diào)的作品畫面中依然需要重色進(jìn)行搭配使用的，否則很容易給人一種輕浮、主體不突出的視覺(jué)感受。

亮色調(diào)：泛指偏高明度、高飽和度的色相搭配，相比而言色相固有視覺(jué)屬性表現(xiàn)力較強(qiáng)，對(duì)比性較強(qiáng)的色相視覺(jué)沖擊力也很強(qiáng)，這類色調(diào)的設(shè)計(jì)作品帶給用戶的視覺(jué)感受是：活潑、明亮、欲望。

案例展示：

如案例中所示，不管是同類色還是互補(bǔ)色的配色方式，都能將色彩本身的視覺(jué)屬性發(fā)揮的淋淋盡致，這也是亮色調(diào)作品的一個(gè)特點(diǎn)。

暗色調(diào)：泛指低明度的配色搭配，相對(duì)前兩者而言，暗色調(diào)給人的視覺(jué)感受更穩(wěn)重、有品質(zhì)感。

案例展示：

當(dāng)然暗色調(diào)還會(huì)形成另一種視覺(jué)感受，那就是：恐怖、陰森、殘忍、爾虞我詐，比如：

暗色調(diào)的色相搭配形式，對(duì)于很多專題性、故事性、品牌調(diào)性強(qiáng)的作品能起到很好的加強(qiáng)、提升的作用。

不管是哪種色調(diào)方式，都不是僅限于某一色調(diào)范圍內(nèi)的顏色相互搭配，而是在確定主色調(diào)后結(jié)合其他屬性的顏色相互結(jié)合使用。在此基礎(chǔ)之上同樣可以結(jié)合色彩搭配關(guān)系（同類色、鄰近色……）進(jìn)行配色。

另外：還有個(gè)有趣的配色、調(diào)色網(wǎng)站，沒(méi)有思路時(shí)可以找下參考，操作起來(lái)也很方便：叫做Adobe Color（https://color.adobe.com），如下圖：

功能遠(yuǎn)不止這些，還可以變換色彩調(diào)和規(guī)則、改變色彩模式、從圖片中提取色彩等等，只需簡(jiǎn)單操作，就會(huì)有無(wú)數(shù)種不同的配色方案供你參考、選擇。來(lái)不及解釋了，趕緊上車了！

著重提醒配色比例：70%主色、25%輔助色、5%點(diǎn)綴色。一般情況下：色相控制在三個(gè)以內(nèi)，因?yàn)樯嘣缴?，越容易把控，越不容易亂！

配色是感性的，但同時(shí)又是有律可尋的。因?yàn)橛辛艘?guī)律，所以我們才能更好的、全方面的了解它；而感性并不是隨便，而是建立的真的懂了規(guī)則之后，再打破規(guī)則、掙脫束縛，從而做到無(wú)招勝有招！所以兩者并不矛盾。文中通過(guò)對(duì)色彩的特征、色彩之間的關(guān)系以及色調(diào)三個(gè)維度進(jìn)行分析總結(jié)，目的是讓大家可以在多個(gè)層面了解色彩以及配色的基礎(chǔ)理論，也可以給大家提供一個(gè)可供參考的方向，設(shè)計(jì)中的配色方式遠(yuǎn)不止些。用你善于發(fā)現(xiàn)的眼睛捕捉吧！

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：細(xì)直緊園 > 《設(shè)計(jì)》

舉報(bào)/認(rèn)領(lǐng)