配色了解到位姐刁,男朋友從法國排到巴黎了沪编。

配色一直是設(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)的眼睛捕捉吧于个!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市暮顺,隨后出現(xiàn)的幾起案子厅篓,更是在濱河造成了極大的恐慌秀存,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件株扛,死亡現(xiàn)場(chǎng)離奇詭異洞就,居然都是意外死亡革娄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門言秸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事锭环⊥拊玻” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵础爬,是天一觀的道長赔桌。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任港令,我火速辦了婚禮击吱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好那婉,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著党瓮,像睡著了一般寞奸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上齐帚,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音孝常,去河邊找鬼旗们。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的驰贷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼洛巢,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼括袒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起稿茉,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤锹锰,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后漓库,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恃慧,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年渺蒿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了痢士。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茂装,死狀恐怖怠蹂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情少态,我是刑警寧澤城侧,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站彼妻,受9級(jí)特大地震影響嫌佑,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜侨歉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一屋摇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧幽邓,春花似錦摊册、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至棋枕,卻和暖如春白修,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背重斑。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工兵睛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓祖很,卻偏偏與公主長得像笛丙,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子假颇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容