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