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