保姆級(jí)設(shè)計(jì)師色彩攻略
作者： 陳允信，來(lái)源：設(shè)計(jì)便利店
色彩作為設(shè)計(jì)中重要組成部分，有時(shí)候甚至決定了一個(gè)設(shè)計(jì)的最終呈現(xiàn)，甚至一個(gè)品牌視覺(jué)的市場(chǎng)競(jìng)爭(zhēng)力，但往往色彩也是最令人頭疼的部分，因?yàn)闆](méi)有太多可依據(jù)的方法，最后會(huì)演變稱一種感覺(jué)訓(xùn)練，這次我們?cè)噲D通過(guò)拆解色彩的基本原理，提煉一些可供探索的方法和思路。
一、色彩的基礎(chǔ)知識(shí)
色相
色相指色彩的外相，是在光的照射下，人眼所感覺(jué)到的不同顏色?；旧嘤辛N：紅、黃、橙、綠、藍(lán)、紫。將這些不同色相的顏色依序排列就得到了色相環(huán)，簡(jiǎn)稱色環(huán)。
飽和度（純度）
飽和度是指色彩的純度，也稱為純度或者彩度。飽和度越高顏色越鮮艷，而黑、白、灰屬于無(wú)色彩所以純度為 0 。
明度
明度是指色彩的明暗程度，也稱作亮度。在無(wú)彩色中，白色的明度最高，黑色的明度最低，在有色彩中，黃色明度最高，紫色的明度最低。
RGB
是一種加色模型，將紅（Red）、綠（Green）、藍(lán)（Blue）三原色的色光以不同的比例相加，以合成產(chǎn)生各種色彩光。三種顏色疊加越多次顏色越亮，所以也稱作加色模式。這是一種非常依賴于設(shè)備的色彩模型，不同設(shè)備的顏色物質(zhì)（熒光劑或燃料）對(duì)顏色的響應(yīng)水平都不同，所以不同顯示設(shè)備都會(huì)有“色差”。
CMYK
是一種套色模型，將青色（Cyan）、洋紅色（Magenta）、黃色（Yellow）、黑色（Black）四種顏色油墨混合，形成彩色印刷。四種顏色疊加越多次顏色越暗，所以也稱作減色模式。相對(duì)于RGB，它的色域就沒(méi)有那么寬廣了。
專色
是指特定油墨混合的顏色。有油墨廠商預(yù)調(diào)，從而找到符合預(yù)期的特定顏色。所有專色都有特定的色號(hào)，可以在色卡中找到，比如潘通（Pantone）、日本油墨公司（DIC）等等都有自己特制的色卡。
同類色
色環(huán)上，15度內(nèi)的顏色稱作同類色。
鄰近色
色環(huán)上，60度內(nèi)的顏色屬于鄰近色。
互補(bǔ)色
色環(huán)上，呈180度，位置相對(duì)的兩種顏色稱作互補(bǔ)色。
對(duì)比色
色環(huán)上，呈120-180度，位置相對(duì)的兩種顏色稱作對(duì)比色。
二、配色的方法
配色其實(shí)不僅僅是將顏色組合在一起，很多時(shí)候我們說(shuō)的配色不好看不和諧，并非是顏色本身的錯(cuò)，顏色本身沒(méi)有好壞優(yōu)劣之分，而是指這個(gè)顏色與顏色的組合的關(guān)系不和諧，或顏色與設(shè)計(jì)想要傳達(dá)的內(nèi)容不匹配等等，是一個(gè)非常復(fù)雜的關(guān)系問(wèn)題而不是單一的是非問(wèn)題。
下面總結(jié)的方法都是依據(jù)處理關(guān)系這個(gè)原則而概括的，這些關(guān)系并非一個(gè)不可打破的鐵律，而是讓我們面對(duì)配色手足無(wú)措的時(shí)候，有跡可循，漸漸形成自己的色感，創(chuàng)作出屬于你們自己作品中的獨(dú)特色彩關(guān)系。
1、位置關(guān)系
配色的第一步是選擇，選擇色相中的那一種位置關(guān)系，決定了這組配色帶來(lái)的感受。
單色配色
選擇色輪中的一種色相，不同明度來(lái)進(jìn)行配色，由于色相相同，整體畫(huà)面會(huì)呈現(xiàn)高度的統(tǒng)一和一致性，也是最不容易出錯(cuò)的配色方案，但由于缺乏色彩變化，也容易使人感到乏味無(wú)趣。
相鄰色配色
選擇相鄰色相的配色，可以保證畫(huà)面統(tǒng)一性和流暢性之余富有變化，增加節(jié)奏和律動(dòng)感。
互補(bǔ)色配色
選擇對(duì)立的一組顏色進(jìn)行搭配，可以呈現(xiàn)非常具有張力和戲劇化的效果，有非常強(qiáng)烈的視覺(jué)沖擊力，但同時(shí)飽和度過(guò)高的互補(bǔ)色搭配容易使人產(chǎn)生眩暈等不適感。
對(duì)比色配色
選擇對(duì)比色進(jìn)行配色，效果清晰、醒目，又不至于互補(bǔ)色那么刺眼，擁有極高的視覺(jué)效果之余能給畫(huà)面帶來(lái)跳躍感。
三色配色
選取相互對(duì)立的三個(gè)顏色，即非鄰近色又非對(duì)立色，三個(gè)顏色互相鉗制，呈現(xiàn)一種曖昧之感。畫(huà)面在統(tǒng)一的色調(diào)中不乏整體感，同時(shí)還富有一定的變化。
四色配色
取兩組對(duì)比關(guān)系的顏色進(jìn)行配色，使得配色擁有很強(qiáng)的識(shí)別性同時(shí)非常具有節(jié)奏感，但是顏色過(guò)多之后會(huì)容易造成混亂感，如果是為品牌的基礎(chǔ)視覺(jué)進(jìn)行選色就必須要嚴(yán)控色彩的比例關(guān)系了。
2、比例關(guān)系
明明是相同的一組顏色，使用的效果卻大相徑庭，很有可能問(wèn)題出在了比例關(guān)系上。確定比例之前，我們首先需要像導(dǎo)演安排角色戲份一樣，給不同的顏色安排不同的角色。
主色：決定色彩基調(diào)的顏色，通常面積最大。
輔助色：故名思義輔助畫(huà)面的顏色，不同目的選擇邏輯也不同，可以選擇同色或鄰近色增加自然和諧感，也可選擇互補(bǔ)或?qū)Ρ壬黾右曈X(jué)張力。輔助色的占比通常比主色小。
點(diǎn)綴色：點(diǎn)綴色的可以是反差較大的顏色用以強(qiáng)調(diào)信息，也可以是相近的顏色增加畫(huà)面層次。點(diǎn)綴色和輔助色的關(guān)系有時(shí)可互相轉(zhuǎn)換。
6:3:1黃金比例
顧名思義，按照主色60%，輔助色30%和點(diǎn)綴色10%的比例進(jìn)行配色，由于過(guò)半的面積比例使得畫(huà)面迅速定調(diào)，再加上輔助色和點(diǎn)綴色增加變化或進(jìn)行信息層級(jí)處理，比較容易獲得一張比例和諧的色彩畫(huà)面。值得一提的是，這里指的主色、輔助色和點(diǎn)綴色并非必須是一個(gè)顏色，也可以是由一個(gè)主色和多個(gè)輔助色和點(diǎn)綴色組成。
3、強(qiáng)弱關(guān)系
明確色相和比例之后畫(huà)面配色仍不和諧或未達(dá)預(yù)期的話，就需要調(diào)整顏色的強(qiáng)弱關(guān)系，也就是明度關(guān)系。
三、工具和技巧
色卡
國(guó)際潘通色卡的種類很多，常用的就有兩大系列：第一、印刷系列；第二紡織系列，另外還有膚色色卡，金屬色色卡，霓虹色色卡等等
▲印刷系列色卡
▲紡織系列色卡
▲皮膚系列色卡
▲金屬、霓虹、粉彩系列色卡
一鍵改色
AI里面有工具可以幫助大家一鍵改色，非常效率方便。
STEP 01：選中所有需要修改顏色的元件，點(diǎn)擊頂部菜單欄-重新著色圖稿
STEP 02：選中要修改的顏色，在下方更改顏色即可。
配色網(wǎng)站
有不少網(wǎng)站都可以幫助大家配色，推薦幾個(gè)我常用的給大家。
▲https://colorme.io
▲http://khroma.co
▲https://www.colordrop.io
▲https://color.adobe.com
▲http://nipponcolors.com
▲https://uigradients.com/#Horizon
▲https://colorsupplyyy.com
▲http://www.palettable.io
四、顏色中隱藏的情感信息
例如紅色，鮮明的紅色是最引人注意的色彩之一，紅色在最大的程度上刺激了我們的視覺(jué)，可引起我們興奮的情緒反應(yīng)，在中國(guó)更是被賦予了喜慶吉祥的含義。被廣泛應(yīng)用于各個(gè)行業(yè)當(dāng)中，典型案例有可口可樂(lè)、肯德基、必勝客、任天堂等。
代表著活力、陽(yáng)光、樂(lè)觀、希望等特點(diǎn)，相對(duì)于紅色，黃色少了一分熱度，但比紅色要更加平和，而且絕不缺乏吸引力，典型的案例有麥當(dāng)勞、法拉利等，黃色同時(shí)也具有醒目和警示的作用，像是校車(chē)、交通警示牌、警戒線都是黃色的。
綠色的是光譜中波長(zhǎng)對(duì)短的，也就是最輕松的顏色。代表著自然、和諧、生長(zhǎng)、寧?kù)o等特點(diǎn)，綠色是中性色，相比于其他色彩更加均衡、和諧，并且還能使人同自然和生命產(chǎn)生聯(lián)想。典型案例有佰草集、自然堂、星巴克等。
藍(lán)色代表著沉穩(wěn)、可靠、嚴(yán)謹(jǐn)、清新等特點(diǎn)，使人聯(lián)想到天空和大海，常用于科技公司和金融機(jī)構(gòu)，給人以安全感和信任感，典型案例有英特爾、惠普、戴爾、IBM等。藍(lán)色是冷色調(diào)，有時(shí)會(huì)冷淡的感覺(jué)。
橙色是紅色、黃色混合而成，比較接近紅色，黃色給人的感覺(jué)，明亮的橙色讓人聯(lián)想到新鮮，品質(zhì)，健康。
紫色給人神秘，難以捉摸的感覺(jué)，淺紫色能給人還有夢(mèng)幻和懷舊感。
黑色是未知的，極端的顏色，黑色的神秘感造就了它給人是高級(jí)的，經(jīng)典的優(yōu)雅等特點(diǎn)，是品牌使用最普遍的顏色之一，典型案例有蘋(píng)果、香奈兒等。
不同國(guó)家的傳統(tǒng)配色
不同的國(guó)家、地域和民族通常擁有自己特定的色彩語(yǔ)言，可以從國(guó)旗，民族服飾，代表地域特質(zhì)的物品或建筑中提取顏色。
比如不同國(guó)家國(guó)旗配色。
比如敦煌配色。
再比如故宮配色。
與行業(yè)匹配的配色
如，往往藥品行業(yè)會(huì)選擇藍(lán)色和綠色，因?yàn)樗{(lán)和綠色給人以冷靜安全之感，符合藥品希望傳遞的專業(yè)安全的情感信息。
而食品行業(yè)往往較少使用深藍(lán)色或紫色的原因是因?yàn)檫@類顏色往往產(chǎn)生食物變質(zhì)或有毒的相關(guān)聯(lián)想，所以他們通常更愿意選擇飽和度高的糖果色，活力的橙色，明亮的黃色，或者熱烈的紅色，代表健康的綠色等等。
五、配色工具書(shū)
《天才配色》
《健康的色彩》
《配色設(shè)計(jì)原理》
《色彩藝術(shù)》
其實(shí)我們學(xué)習(xí)藝術(shù)設(shè)計(jì)的原理并不意味著要被它完全束縛，而是利用它幫助你擺脫猶豫不決和搖擺不定。色彩有非常主觀的部分，也同樣有群體共識(shí)的部分，從而抓住精進(jìn)的線索，最終在靈感和直覺(jué)的引導(dǎo)下突破自我，找到設(shè)計(jì)的答案。
作者公眾號(hào)：設(shè)計(jì)便利店（ID：designmart）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（8條）