設(she)(she)計行業(ye)，無時無刻不(bu)在(zai)和(he)色彩打交(jiao)道。配色問題(ti)一直是設(she)(she)計圈恒久不(bu)變(bian)的(de)(de)(de)熱門話題(ti)，網絡上(shang)關于配色的(de)(de)(de)知識多如牛毛，看的(de)(de)(de)時候都很懂，但(dan)是一旦自己獨立做項目時就又(you)原形畢露。究(jiu)竟應(ying)該如何去理(li)解(jie)配色呢？所(suo)謂的(de)(de)(de)配色「配」在(zai)整個環節(jie)中(zhong)真的(de)(de)(de)是放在(zai)第(di)一位的(de)(de)(de)嗎？本期內容(rong)通(tong)過(guo)不(bu)同(tong)(tong)層面分析配色中(zhong)最易被忽略(lve)的(de)(de)(de)，即：色，從哪里來的(de)(de)(de)問題(ti)，同(tong)(tong)時也是最重要的(de)(de)(de)一步。
一、配色常(chang)見的誤區(qu)
很多(duo)人(ren)之所以怕(pa)配(pei)色，或者說(shuo)配(pei)不(bu)好色的原因(yin)是自己一直(zhi)深處(chu)誤區(qu)中而渾然不(bu)知，接下來希望大家不(bu)要對(dui)號入座。
誤區一：配(pei)色的過程在整體之前。也(ye)就是(shi)常說的先配(pei)色，后設計(ji)。
誤區二：只會配不(bu)會選。這(zhe)是最(zui)常見的(de)一種，只會在(zai)有基(ji)礎(chu)色(se)或者(zhe)主色(se)的(de)前(qian)提下配色(se)，而不(bu)懂得選一個符合整體的(de)基(ji)礎(chu)色(se)遠(yuan)比配色(se)更重(zhong)要。
誤區三(san)：被理(li)論所局(ju)限。配色(se)的過程是(shi)偏感性的，理(li)論雖然沒錯，但是(shi)它只是(shi)輔助提供一種(zhong)方(fang)向的，而不(bu)是(shi)完(wan)全要(yao)依靠理(li)論去配色(se)。
接下來就繼續今天的(de)主題：色，從哪里來？也就是基礎色應該怎么選？
二(er)、顏色來源 —— 主體
在設計中(zhong)，主(zhu)體(ti)也就是(shi)畫(hua)面中(zhong)最重(zhong)要的(de)部分，它可(ke)以(yi)是(shi)產品、模特(te)、抽象(xiang)圖形等等，基(ji)礎色來源最常用的(de)方式就是(shi)在主(zhu)體(ti)身上提取，可(ke)以(yi)是(shi)主(zhu)體(ti)中(zhong)比(bi)重(zhong)較大的(de)顏(yan)色，這樣有利于主(zhu)色與主(zhu)體(ti)形成更強烈(lie)的(de)呼(hu)應關系(xi)，也可(ke)以(yi)是(shi)比(bi)重(zhong)相比(bi)較小的(de)顏(yan)色，這樣在形成呼(hu)應關系(xi)的(de)同(tong)時(shi)，拓展性更強，下面舉個(ge)例子：
假如我(wo)(wo)們(men)在這(zhe)(zhe)個(ge)人物的(de)(de)基(ji)礎上去選背景的(de)(de)基(ji)礎色(se)，我(wo)(wo)們(men)就可以(yi)用到這(zhe)(zhe)里說到的(de)(de)理論：基(ji)礎色(se)來(lai)源于主體，那么我(wo)(wo)們(men)可以(yi)有(you)哪幾種(zhong)選色(se)的(de)(de)形式呢？下(xia)面我(wo)(wo)們(men)繼續看(kan)：
配色形式一(yi)：將主(zhu)體(ti)整(zheng)體(ti)比例(li)最(zui)大的(de)顏(yan)色作為(wei)主(zhu)色，整(zheng)體(ti)在色彩上與主(zhu)體(ti)形成很(hen)強烈的(de)呼應(ying)關系，這樣做的(de)目的(de)在于(yu)整(zheng)體(ti)很(hen)和諧、舒服，易于(yu)接受，畫面更統一(yi)，整(zheng)體(ti)視覺沖(chong)擊力偏(pian)柔軟一(yi)些。下面看(kan)另外一(yi)種(zhong)形式：
配色(se)(se)(se)形(xing)(xing)式二：將(jiang)主(zhu)(zhu)體(ti)整(zheng)體(ti)比例較(jiao)小(xiao)的(de)顏(yan)(yan)色(se)(se)(se)作為(wei)主(zhu)(zhu)色(se)(se)(se)，同樣整(zheng)體(ti)在色(se)(se)(se)彩上也(ye)(ye)(ye)與主(zhu)(zhu)體(ti)形(xing)(xing)成(cheng)了一(yi)定的(de)呼應關系，而正是因為(wei)主(zhu)(zhu)色(se)(se)(se)是主(zhu)(zhu)體(ti)比重較(jiao)小(xiao)的(de)顏(yan)(yan)色(se)(se)(se)，這也(ye)(ye)(ye)使得(de)畫(hua)面整(zheng)體(ti)在于(yu)主(zhu)(zhu)體(ti)形(xing)(xing)成(cheng)呼應關系的(de)前提(ti)下，也(ye)(ye)(ye)拉(la)開了主(zhu)(zhu)體(ti)與背景(jing)的(de)層(ceng)次，整(zheng)體(ti)視覺沖擊力增強，畫(hua)面統一(yi)性減(jian)弱，整(zheng)體(ti)性并沒有因為(wei)主(zhu)(zhu)色(se)(se)(se)的(de)改(gai)變(bian)而降低(di)。下面嘗試將(jiang)文字(zi)的(de)顏(yan)(yan)色(se)(se)(se)也(ye)(ye)(ye)稍加(jia)改(gai)動：
不難發現，無(wu)論上面哪(na)種(zhong)主色的形(xing)式(shi)，配(pei)黃色字都很融合，且都增強了視覺沖擊力。其原因(yin)在于畫面整體(ti)顏(yan)色與主體(ti)都形(xing)成了呼(hu)應關系，使得配(pei)色不會給用戶一種(zhong)很突兀、毫無(wu)依據的感覺。而這種(zhong)形(xing)式(shi)的選色在工作(zuo)中(zhong)也是用到最多的，比如(ru)：
、
其實，這種(zhong)通過提(ti)取(qu)主體色作為(wei)配色參考的形式在接受程度上(shang)是很高(gao)的，通過搭配一(yi)些點綴色，整體上(shang)也不會給(gei)人(ren)一(yi)種(zhong)很單調(diao)的視(shi)覺感受；利(li)用主體選色的配色方式是將原本有(you)可能茫無頭(tou)緒、感性的配色工作，轉化為(wei)一(yi)種(zhong)可以有(you)所(suo)依據、有(you)所(suo)參考的配色技法，同時也能提(ti)升(sheng)一(yi)定的工作效率(lv)。再(zai)舉(ju)個例子(zi)：
三款牙刷，三種不同的(de)主色方(fang)案，但(dan)是(shi)每(mei)一個給人的(de)感覺都很舒服、和諧，呼應(ying)明確，這就是(shi)提取主體色方(fang)式的(de)好處(chu)。
三、顏色來源 —— 風格
不(bu)管是做海(hai)報(bao)還是頁面，在(zai)最(zui)初都要(yao)(yao)確定(ding)一個(ge)風格(ge)(ge)路線，然后圍繞確定(ding)好的(de)(de)風格(ge)(ge)選(xuan)(xuan)材、選(xuan)(xuan)色(se)(se)(se)(se)、搭配主(zhu)體等(deng)。那么很多情況(kuang)下(xia)，確定(ding)風格(ge)(ge)也就等(deng)于間(jian)接(jie)性(xing)的(de)(de)確定(ding)了(le)一個(ge)選(xuan)(xuan)色(se)(se)(se)(se)的(de)(de)區間(jian)，所以結合風格(ge)(ge)特(te)征選(xuan)(xuan)色(se)(se)(se)(se)也是一種(zhong)很實用的(de)(de)方(fang)式，比(bi)如我們(men)要(yao)(yao)做「狂暑(shu)季」風格(ge)(ge)的(de)(de)專題頁，那么在(zai)用色(se)(se)(se)(se)方(fang)面就要(yao)(yao)避免大面積暖(nuan)色(se)(se)(se)(se)調(diao)用色(se)(se)(se)(se)，而要(yao)(yao)著重(zhong)使用冷色(se)(se)(se)(se)調(diao)的(de)(de)顏色(se)(se)(se)(se)，目的(de)(de)很簡(jian)單：大面積的(de)(de)暖(nuan)色(se)(se)(se)(se)會給人一種(zhong)熱(re)鬧、狂熱(re)、張揚、溫馨的(de)(de)感受，和暑(shu)季需要(yao)(yao)清爽、降溫的(de)(de)感覺不(bu)相匹配，所以我們(men)會盡可能采用主(zhu)色(se)(se)(se)(se)冷色(se)(se)(se)(se)調(diao)的(de)(de)用色(se)(se)(se)(se)形式，搭配一些輔助色(se)(se)(se)(se)、點(dian)綴(zhui)色(se)(se)(se)(se)，比(bi)如：
這(zhe)(zhe)些都是依據風(feng)格最直(zhi)觀的(de)(de)選(xuan)色(se)(se)形式，這(zhe)(zhe)樣做的(de)(de)目的(de)(de)是將整(zheng)體用(yong)(yong)色(se)(se)盡可能的(de)(de)貼合主(zhu)題風(feng)格，同時再結(jie)合主(zhu)體選(xuan)色(se)(se)的(de)(de)形式，將配(pei)色(se)(se)的(de)(de)過程盡可能做到有(you)據可循。風(feng)格選(xuan)色(se)(se)的(de)(de)形式在日常(chang)工作中(zhong)也是很實用(yong)(yong)的(de)(de)，比如(ru)：促銷，我們會用(yong)(yong)紅色(se)(se)、藍紫(zi)色(se)(se)、黃(huang)色(se)(se)的(de)(de)用(yong)(yong)色(se)(se)形式；春節，則是以(yi)紅、黃(huang)為主(zhu)；七夕，多(duo)以(yi)紫(zi)色(se)(se)、紅色(se)(se)為主(zhu)；暑(shu)期購，多(duo)以(yi)藍色(se)(se)、青色(se)(se)、綠(lv)色(se)(se)為主(zhu)。比如(ru)：
這(zhe)(zhe)些海報(bao)的配(pei)色(se)形式(shi)很(hen)大程度上是(shi)依據風格來(lai)決定(ding)的，這(zhe)(zhe)樣的選色(se)方(fang)式(shi)也不(bu)會顯得很(hen)突兀，且擴展性相對更(geng)高。
四、顏色來源 —— 文案
做設計(ji)目的是(shi)服務于商業，很多時候我們都要圍繞(rao)文案(an)、產品(pin)去(qu)制定風格、主題，所以選(xuan)色同樣可以參考文案(an)，從(cong)文案(an)中提(ti)取關鍵詞，依據關鍵詞同樣也可以提(ti)取相對(dui)應的顏色，比(bi)如：
文案(an)在(zai)(zai)一個畫面中的重要性也是(shi)很高的，因(yin)為用戶在(zai)(zai)不看文案(an)的前提(ti)(ti)下(xia)理(li)(li)解設(she)計畫面速度是(shi)相對(dui)緩慢的，所(suo)以(yi)文案(an)結(jie)合(he)畫面的方式(shi)能夠(gou)大(da)大(da)的提(ti)(ti)升用戶對(dui)整體的理(li)(li)解速度，也就是(shi)捕捉信息(xi)的速度，將文案(an)與畫面很好(hao)的結(jie)合(he)在(zai)(zai)一起(qi)也是(shi)設(she)計師所(suo)必備的技能，這(zhe)樣做(zuo)的目的在(zai)(zai)于讓文案(an)與畫面形成(cheng)視(shi)覺上的呼(hu)應，也更利于視(shi)覺信息(xi)的傳遞。
五、來源 —— 主體反色
前面說的(de)(de)(de)大(da)(da)多都是通過顏色(se)找(zhao)整(zheng)(zheng)體(ti)的(de)(de)(de)呼應關系，這(zhe)樣做(zuo)的(de)(de)(de)目的(de)(de)(de)是讓畫面整(zheng)(zheng)體(ti)更和諧、整(zheng)(zheng)體(ti)性更強(qiang)。而還有一種(zhong)選(xuan)色(se)的(de)(de)(de)形式(shi)，即以主(zhu)(zhu)(zhu)體(ti)顏色(se)的(de)(de)(de)反色(se)作為主(zhu)(zhu)(zhu)色(se)調，也可以理解(jie)為：主(zhu)(zhu)(zhu)體(ti)比重(zhong)較大(da)(da)顏色(se)的(de)(de)(de)對比色(se)或間隔色(se)作為主(zhu)(zhu)(zhu)色(se)。比如：
將主色和主體(ti)色通過對比色或間隔色的(de)關系拉開對比，目的(de)是讓(rang)主體(ti)在整(zheng)個(ge)畫面中的(de)視覺形象(xiang)更加鮮明(ming)，視覺感(gan)受(shou)更加強烈，但是要(yao)注意的(de)是：在選(xuan)反色時(shi)，盡量選(xuan)用主體(ti)色中比重較大顏色的(de)反色，這(zhe)樣才能起到強烈對比的(de)效果(guo)。
再說下點(dian)(dian)綴(zhui)色(se)，點(dian)(dian)綴(zhui)色(se)的(de)作用(yong)很大(da)程度上是豐富畫面(mian)(mian)整體色(se)感的(de)，它的(de)用(yong)色(se)比例只占畫面(mian)(mian)整體的(de)5%~10%左(zuo)右，點(dian)(dian)綴(zhui)色(se)的(de)選色(se)很多時候是畫面(mian)(mian)主色(se)的(de)反色(se)，目的(de)是讓畫面(mian)(mian)整體色(se)感不顯(xian)得單(dan)調(diao)、缺(que)少變化，同時也有(you)豐富畫面(mian)(mian)的(de)作用(yong)，但(dan)是要注(zhu)意不要大(da)面(mian)(mian)積(ji)的(de)使用(yong)，起到點(dian)(dian)綴(zhui)、打破的(de)作用(yong)即可。
總結
總(zong)的(de)(de)來說(shuo)，其(qi)實配(pei)(pei)(pei)圖的(de)(de)過程就(jiu)是(shi)在(zai)配(pei)(pei)(pei)色(se)，當一(yi)個畫面的(de)(de)主體、風(feng)格、文案確定(ding)(ding)時，我們就(jiu)可以依據這些進(jin)行選整(zheng)(zheng)體色(se)，只(zhi)有(you)(you)主色(se)確定(ding)(ding)時才有(you)(you)必要(yao)(yao)(yao)進(jin)行下面配(pei)(pei)(pei)色(se)的(de)(de)工作，而不是(shi)把配(pei)(pei)(pei)色(se)放(fang)在(zai)所(suo)有(you)(you)工作之(zhi)前(qian)。今(jin)天主要(yao)(yao)(yao)說(shuo)的(de)(de)就(jiu)是(shi)選色(se)的(de)(de)幾(ji)種常用方(fang)(fang)式，選色(se)的(de)(de)過程其(qi)實也(ye)是(shi)在(zai)配(pei)(pei)(pei)色(se)，配(pei)(pei)(pei)色(se)合不合理要(yao)(yao)(yao)看整(zheng)(zheng)體效(xiao)果，設(she)計的(de)(de)整(zheng)(zheng)體感(gan)也(ye)是(shi)很重要(yao)(yao)(yao)的(de)(de)，凡事要(yao)(yao)(yao)做(zuo)到有(you)(you)所(suo)依據。最后還是(shi)那句話，配(pei)(pei)(pei)色(se)是(shi)感(gan)性(xing)的(de)(de)，理論是(shi)提供思路和方(fang)(fang)向(xiang)的(de)(de)，兩者相(xiang)互結(jie)合才能把配(pei)(pei)(pei)色(se)做(zuo)的(de)(de)更出彩。
在線客服1號
微信公眾賬號