配色一直是設(shè)計(jì)圈子里恒久不變的熱門話題贫途,是我們作為設(shè)計(jì)師必須要掌握的一門重要技能之一擂达,通過色彩可以向用戶傳遞不同層面的視覺信息绢淀,所以不同的色彩也都被人們賦予了不同的含義萤悴,比如:紅色、橙色皆的、黃色等暖色系列的顏色能表現(xiàn)出溫暖覆履、熱鬧;而藍(lán)色费薄、淡藍(lán)色等冷色系列顏色硝全,會(huì)給人一種涼爽、寒冷的感覺楞抡。將色彩屬性與設(shè)計(jì)作品有效的相互結(jié)合伟众,往往能做到1+1>2的視覺效果。
在設(shè)計(jì)中召廷,色彩可以分為兩大類凳厢,即有彩色和無彩色,無彩色大多指我們常說的黑竞慢、白先紫、灰。有彩色則是除無彩色之外的顏色筹煮。下面說下有彩色的三大特征泡孩,即色相、飽和度寺谤、明度:
色相:色彩的首要特征仑鸥,也就是色彩可呈現(xiàn)出來的質(zhì)地面貌,比如我們常說的:紅色变屁、藍(lán)色眼俊、綠色……
飽和度:色彩的鮮艷程度,也就是色彩的純度粟关,飽和度取決于該色中含色成分和消色成分(灰色)的比例疮胖,直觀看就是我們常說的:天藍(lán)色、淡藍(lán)色、灰藍(lán)色等等澎灸,就是對(duì)飽和度不同程度的體現(xiàn):
(飽和度由高→低的變化)
明度:是眼睛對(duì)光源和物體表面的明暗程度的感覺院塞,簡(jiǎn)單理解就是色彩的明亮程度,比如白天和黑夜:
(明度由亮→暗的變化)
在 Photoshop拾色器中分別對(duì)應(yīng):
有彩色的三大特征:色相性昭、飽和度拦止、明度,三者相輔相成糜颠、共同作用汹族,任何一種有彩色都必然存在著這樣的特征關(guān)系。相信大家應(yīng)該能明白三大特征分別代表著什么了其兴,如果還不懂顶瞒,那就再look、look元旬!
在有彩色范圍內(nèi)榴徐,不同色相之間存在著一些可遵循的視覺關(guān)系,根據(jù)這些視覺關(guān)系匀归,我們也能得到一些常見的色彩搭配方式箕速,下面我們具體分析:
同類色:色相環(huán)間隔在30°以內(nèi)的色相搭配,這類配色形式優(yōu)點(diǎn):舒服朋譬、統(tǒng)一、視覺比較柔和兴垦、容易把控徙赢。缺點(diǎn)是:沖擊性很弱,運(yùn)用不得當(dāng)會(huì)單調(diào)探越、缺少視覺層次感狡赐。所以此類配色方式不易用于對(duì)抗、沖擊力強(qiáng)的設(shè)計(jì)作品钦幔。
案例展示:
案例中每一幅海報(bào)整體給人的視覺感受都很舒服枕屉、平緩、易于接受鲤氢,這也是設(shè)計(jì)中用到最不容易出錯(cuò)的一種配色方式搀擂。
鄰近色:色相環(huán)相隔90°的顏色稱之為鄰近色,這類配色方式優(yōu)點(diǎn):陽光卷玉、活潑哨颂、穩(wěn)定、有一定視覺沖擊力相种、視覺層次感豐富威恼。
案例展示:
如圖所示,整體視覺層次感豐富、有跳躍性箫措,但同時(shí)也很舒服腹备、和諧。
對(duì)比色:色相環(huán)間隔120°的顏色斤蔓,這類配色形式優(yōu)點(diǎn):視覺沖擊力強(qiáng)烈植酥、富有跳躍性、突出附迷、點(diǎn)綴能力強(qiáng)惧互,比如:常用作畫面中的點(diǎn)綴色,或與主體固有色成對(duì)比關(guān)系的背景色喇伯,用于突出主體喊儡。缺點(diǎn):大面積使用比較難把控。
案例展示:
如圖所示稻据,當(dāng)對(duì)比色的面積較大時(shí)艾猜,給人的視覺沖擊力是很強(qiáng)烈的。而當(dāng)其中一個(gè)色相較少時(shí)捻悯,點(diǎn)綴匆赃、裝飾的作用就顯現(xiàn)出來,這部分顏色就是畫面中容易出彩的部分今缚。
互補(bǔ)色:色相環(huán)間隔180°的顏色稱之為互補(bǔ)色算柳,色相環(huán)上夾角呈現(xiàn)一條直線,互補(bǔ)色的顏色性質(zhì)相差較大姓言,將這兩種顏色相互搭配瞬项,就會(huì)使這兩種顏色都顯得更加鮮明,也將視覺沖擊力強(qiáng)度提升至峰值何荚!這類配色形式優(yōu)缺點(diǎn)和對(duì)比色很相似囱淋。只不過此類視覺沖擊力更強(qiáng)也更難把控。
案例展示:
色彩是有色調(diào)的餐塘,色調(diào)可以理解為:通過改變明度與飽和度來調(diào)配色彩濃淡妥衣、強(qiáng)弱程度,叫做色調(diào)戒傻。簡(jiǎn)單理解就是決定色調(diào)的主要因素是明度和飽和度税手,而決定作品最終色調(diào)的因素是畫面中視覺比例較大色彩的屬性。那么了解色調(diào)對(duì)于我們對(duì)設(shè)計(jì)的理解有哪些幫助呢需纳?下面我們列舉幾個(gè)例子:
淺白色調(diào):泛指偏低飽和度冈止、高明度的色相搭配。不同色相之間相互搭配所帶來的視覺感受很緩和候齿,即便是以互補(bǔ)色的形式搭配熙暴,視覺沖擊力也明顯減弱闺属。色相固有的視覺屬性表現(xiàn)力有所降低,這類色調(diào)的設(shè)計(jì)作品帶給用戶的視覺感受比較清純周霉、陽光掂器、年輕、干凈俱箱、舒服国瓮。
案例展示:
此類色調(diào)的作品畫面中依然需要重色進(jìn)行搭配使用的,否則很容易給人一種輕浮狞谱、主體不突出的視覺感受乃摹。
亮色調(diào):泛指偏高明度、高飽和度的色相搭配跟衅,相比而言色相固有視覺屬性表現(xiàn)力較強(qiáng)孵睬,對(duì)比性較強(qiáng)的色相視覺沖擊力也很強(qiáng),這類色調(diào)的設(shè)計(jì)作品帶給用戶的視覺感受是:活潑伶跷、明亮掰读、欲望。
案例展示:
如案例中所示叭莫,不管是同類色還是互補(bǔ)色的配色方式蹈集,都能將色彩本身的視覺屬性發(fā)揮的淋淋盡致,這也是亮色調(diào)作品的一個(gè)特點(diǎn)雇初。
暗色調(diào):泛指低明度的配色搭配拢肆,相對(duì)前兩者而言,暗色調(diào)給人的視覺感受更穩(wěn)重靖诗、有品質(zhì)感郭怪。
案例展示:
當(dāng)然暗色調(diào)還會(huì)形成另一種視覺感受,那就是:恐怖呻畸、陰森、殘忍悼院、爾虞我詐伤为,比如:
暗色調(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)站贮缕,沒有思路時(shí)可以找下參考辙谜,操作起來也很方便:叫做Adobe Color:
功能遠(yuǎn)不止這些,還可以變換色彩調(diào)和規(guī)則感昼、改變色彩模式装哆、從圖片中提取色彩等等,只需簡(jiǎn)單操作定嗓,就會(huì)有無數(shù)種不同的配色方案供你參考蜕琴、選擇。來不及解釋了宵溅,趕緊上車了凌简!
著重提醒配色比例:70%主色、25%輔助色层玲、5%點(diǎn)綴色号醉。一般情況下:色相控制在三個(gè)以內(nèi),因?yàn)樯嘣缴傩量椋饺菀装芽嘏吓桑讲蝗菀讈y!
配色是感性的润绵,但同時(shí)又是有律可尋的线椰。因?yàn)橛辛艘?guī)律,所以我們才能更好的尘盼、全方面的了解它憨愉;而感性并不是隨便,而是建立的真的懂了規(guī)則之后卿捎,再打破規(guī)則配紫、掙脫束縛,從而做到無招勝有招午阵!所以兩者并不矛盾躺孝。文中通過對(duì)色彩的特征、色彩之間的關(guān)系以及色調(diào)三個(gè)維度進(jìn)行分析總結(jié)底桂,目的是讓大家可以在多個(gè)層面了解色彩以及配色的基礎(chǔ)理論植袍,也可以給大家提供一個(gè)可供參考的方向,設(shè)計(jì)中的配色方式遠(yuǎn)不止些籽懦。用你善于發(fā)現(xiàn)的眼睛捕捉吧于个!