之前有一期教(jiao)程給大(da)家講解了(le)一些基礎入(ru)(ru)門的(de)色(se)彩(cai)訓(xun)(xun)練方(fang)法(fa)，今天(tian)同(tong)樣給大(da)家帶(dai)來關于(yu)色(se)彩(cai)訓(xun)(xun)練的(de)內容，但是(shi)會更(geng)加(jia)深入(ru)(ru)一些，算是(shi)色(se)彩(cai)訓(xun)(xun)練的(de)進階版(ban)，也就是(shi)創建自己的(de)配(pei)色(se)體系。
其實根據我的(de)(de)從(cong)業經驗來看，如果想真正的(de)(de)了解色彩，就需(xu)要(yao)一套非常完整、系統的(de)(de)訓(xun)(xun)練方(fang)法(fa)。可能很多(duo)人(ren)包括(kuo)我自己，一開始都對這些(xie)訓(xun)(xun)練不以(yi)為(wei)(wei)意(yi)，認(ren)為(wei)(wei)直接(jie)學習配色理論或方(fang)法(fa)不是更好么？為(wei)(wei)什(shen)么還要(yao)做這些(xie)色彩訓(xun)(xun)練呢？認(ren)為(wei)(wei)這些(xie)訓(xun)(xun)練沒(mei)有意(yi)義，甚至有的(de)(de)人(ren)會覺得是小孩玩(wan)的(de)(de)游戲。
但殊不(bu)知(zhi)其實我們(men)每個(ge)人的(de)(de)(de)色(se)感，正是在兒童時期形成(cheng)的(de)(de)(de)，因為(wei)兒童時期的(de)(de)(de)認(ren)知(zhi)更加純粹，對于色(se)彩的(de)(de)(de)想象(xiang)力以(yi)及(ji)受到的(de)(de)(de)限制要(yao)比(bi)成(cheng)人少得多，所(suo)以(yi)賦予色(se)彩的(de)(de)(de)深(shen)度(du)和(he)廣度(du)也就比(bi)成(cheng)年人更加豐富(fu)。
這(zhe)也(ye)是為什么(me)很多人看到小朋友的(de)繪畫，會覺得他們很有(you)配色(se)天賦了(le)。
所以我們要(yao)做的(de)就是打破對色彩的(de)固有認知，讓自己回(hui)歸到一種單(dan)純的(de)狀態，來重(zhong)新認識色彩。
比如現在給你(ni)一個蘋(pin)果，可能我們的(de)(de)第一反應就是(shi)直接把它吃了，事后要你(ni)回憶對(dui)蘋(pin)果這個物(wu)體的(de)(de)印象(xiang)，也許你(ni)體會的(de)(de)并不深刻。
而如果(guo)我們(men)改(gai)變條(tiao)件(jian)，假設你(ni)從未(wei)見過(guo)蘋果(guo)，這一次(ci)你(ni)不(bu)僅要吃掉蘋果(guo)，還要說出你(ni)的感受。
根據(ju)你的(de)五官(guan)對(dui)(dui)其進行認(ren)知，這時你對(dui)(dui)蘋果(guo)的(de)體(ti)會將和前(qian)一次(ci)大不相同。
比如通(tong)(tong)過(guo)視覺(jue)(jue)我們(men)可(ke)(ke)以(yi)(yi)看(kan)到(dao)綠色，通(tong)(tong)過(guo)嗅覺(jue)(jue)可(ke)(ke)以(yi)(yi)聞到(dao)果香，通(tong)(tong)過(guo)觸(chu)覺(jue)(jue)可(ke)(ke)以(yi)(yi)感(gan)受到(dao)堅硬，通(tong)(tong)過(guo)味覺(jue)(jue)可(ke)(ke)以(yi)(yi)品嘗(chang)到(dao)酸甜(tian)，通(tong)(tong)過(guo)聽(ting)覺(jue)(jue)可(ke)(ke)以(yi)(yi)聽(ting)到(dao)清脆聲。
而重新認識(shi)色彩也是同(tong)(tong)樣的道理，就像(xiang)我(wo)們(men)從未(wei)見過蘋(pin)果一樣去體(ti)驗一個假設我(wo)們(men)從未(wei)見過的色彩，然后通過不同(tong)(tong)的角度去對色彩進(jin)行拆解，最后組合在一起形成屬于(yu)我(wo)們(men)自己的配色體(ti)系。
創建(jian)個人色彩(cai)(cai)體系的第一步，就(jiu)是為色彩(cai)(cai)命名(ming)。
比(bi)如我(wo)們隨便找一個顏色(se)，就拿這個黃色(se)來舉例(li)。
根據自己(ji)對這個色彩(cai)的感覺來命名，可以隨意發揮，你想到什(shen)么(me)就可以說什(shen)么(me)，沒有限制。
比如從最基本的色相角(jiao)度出發，我們(men)可以叫它(ta)鮮(xian)黃色。
根據這個顏(yan)色(se)我們(men)可以(yi)聯想到向日葵，所以(yi)也(ye)可以(yi)命名為向日葵。
我(wo)們還可(ke)以(yi)(yi)(yi)聯想到月(yue)亮(liang)，所(suo)以(yi)(yi)(yi)也可(ke)以(yi)(yi)(yi)起名叫月(yue)亮(liang)黃。
那我們還可(ke)以聯想到《變形金剛》里的大(da)黃(huang)(huang)蜂，所以也可(ke)以給這個顏色起(qi)名叫(jiao)做大(da)黃(huang)(huang)蜂。
還能聯(lian)想到麥當勞的(de)陽(yang)光橙(cheng)，所以(yi)(yi)也可(ke)以(yi)(yi)命名為陽(yang)光橙(cheng)。總之當你看到這個顏(yan)色時，腦(nao)海中能夠聯(lian)想到的(de)詞匯(hui)都可(ke)以(yi)(yi)使(shi)用，哪怕(pa)是跟這個顏(yan)色相(xiang)差很(hen)多也沒關系，最重要(yao)的(de)是你自(zi)己的(de)感(gan)受。
對(dui)色彩(cai)進行命名之后，第二步要(yao)做的就是對(dui)色彩(cai)進行理性分(fen)析。
我們還是拿這(zhe)個顏色(se)來進行練習，先(xian)來找出它的色(se)相、明度和(he)飽和(he)度。
首(shou)先根據色(se)相環(huan)的大(da)致位置，確定這個(ge)色(se)彩的色(se)相。
然后通(tong)過純(chun)度和(he)明度的調整(zheng)來找到與(yu)右側顏色(se)相符的色(se)值，這里我們得(de)到了一個數值。
然后(hou)用吸管工(gong)具吸取右側的黃色(se)，得到的結(jie)(jie)果(guo)和(he)我們猜(cai)測的做比較(jiao)，只要(yao)結(jie)(jie)果(guo)不是(shi)相差(cha)很大都是(shi)可(ke)以(yi)的，如果(guo)相差(cha)很多(duo)那就說明(ming)你對色(se)彩的敏感(gan)度還有欠缺。
HSB色值猜想完之后(hou)我們再來看看它的RGB色值。
根據RGB原(yuan)理很(hen)明顯黃(huang)色(se)是(shi)由紅色(se)和綠色(se)混合得到的。
但(dan)是我們對比來看很明(ming)顯這兩(liang)個黃色(se)還(huan)是有(you)差別的，所以還(huan)需要進一步分析。
我(wo)們(men)調(diao)出(chu)RGB色相(xiang)環(huan)，我(wo)們(men)看采樣(yang)的這個(ge)黃(huang)色是(shi)偏(pian)向紅(hong)色多一(yi)(yi)些(xie)(xie)還是(shi)偏(pian)向綠色多一(yi)(yi)些(xie)(xie)，很明顯(xian)是(shi)偏(pian)紅(hong)一(yi)(yi)些(xie)(xie)，因為它比較偏(pian)橙色。
所以我們就可以適當的(de)減少(shao)綠色(se)的(de)成分。
我們(men)來看一下對(dui)比(bi)，已經接近了。
最(zui)后(hou)我(wo)們通過(guo)RGB色(se)(se)值來(lai)對照一下，雖然紅色(se)(se)和綠色(se)(se)的(de)色(se)(se)值相差(cha)不多，但是我(wo)們采樣(yang)的(de)顏色(se)(se)中還有少部分藍色(se)(se)，肉眼其實很難看出來(lai)，但是我(wo)們可以(yi)自己去模(mo)擬(ni)一下。
這三個成分的三原色混合之后，得到的就是我(wo)們(men)采樣的顏色了。
△
如果想提升對RGB的敏感度，可以通過這個小(xiao)游戲來練習一下(xia)。
玩法(fa)很簡單，根據畫面中給出的RGB色值來(lai)選擇你認為相對(dui)應的顏色，選對(dui)了繼續下一關，選錯了GAME OVER重來(lai)。
接(jie)下來我們來看CMYK色(se)值。
黃色是CMY其中的一(yi)個原色，所以首(shou)先黃色肯定是最多的。
對(dui)比來看一下(xia)，很明顯采樣的(de)黃色(se)中還有其他(ta)顏色(se)成分。
我們調出CMYK色相環(huan)，同樣也是(shi)看(kan)采樣的黃色偏向哪(na)個方向，也是(shi)偏紅色多一(yi)些。
所以我們(men)得到這個顏(yan)色中需要加(jia)入紅(hong)色，但(dan)是應(ying)該加(jia)多少呢？
這里我們加入了20%的(de)(de)紅(hong)，同時將黃色的(de)(de)含量降到80%，這個是(shi)根據經驗(yan)和感覺來(lai)的(de)(de)。
這時(shi)將兩個顏色(se)對比來看(kan)一下(xia)，已經相差(cha)不多了。
最后通過(guo)數值來比對(dui)，可以說幾乎(hu)已經很接近了。
只不過采樣(yang)的顏(yan)色(se)中還帶有少量(liang)的青色(se)，但是影(ying)響不大。
然后我們再來看(kan)看(kan)色(se)(se)調(diao)。關于色(se)(se)調(diao)這(zhe)種老生(sheng)常談的(de)問題這(zhe)里就不多(duo)講(jiang)了(le)，因為之前我專門寫過一篇(pian)(pian)關于色(se)(se)調(diao)的(de)文章，里面(mian)已(yi)(yi)經(jing)講(jiang)的(de)很詳細了(le)。如果你看(kan)過這(zhe)篇(pian)(pian)文章，那么當你得到(dao)了(le)一個(ge)顏色(se)(se)的(de)CMYK色(se)(se)值時，就已(yi)(yi)經(jing)可以判斷出是什么色(se)(se)調(diao)了(le)。
如(ru)果沒看過也(ye)沒關(guan)系，我帶大家來區分(fen)一下，白色和(he)(he)純(chun)色之(zhi)間是(shi)明色和(he)(he)淡(dan)色，純(chun)色和(he)(he)灰(hui)色之(zhi)間是(shi)濁(zhuo)色和(he)(he)淡(dan)濁(zhuo)色，純(chun)色和(he)(he)黑色之(zhi)間是(shi)暗(an)色。
將這(zhe)些(xie)代表(biao)性色調提取出來一比(bi)對，就可以知道這(zhe)個色彩的大致(zhi)色調是什(shen)么了。
很明(ming)(ming)顯我們采樣的(de)這個顏(yan)色(se)(se)(se)是介于純色(se)(se)(se)調(diao)和明(ming)(ming)色(se)(se)(se)調(diao)之間(jian)，你可以(yi)叫它(ta)純色(se)(se)(se)也可以(yi)叫它(ta)明(ming)(ming)色(se)(se)(se)。
色調看(kan)完之后我們再來看(kan)看(kan)它的色彩(cai)家族，也就(jiu)是這五(wu)大(da)色相關(guan)系。
首先我(wo)們來看(kan)看(kan)它(ta)的同類色(se)是什(shen)么，如果大家剛開(kai)始比較困難(nan)可以偷個懶，調出色(se)相環(huan)。
這(zhe)樣(yang)找到相應的色(se)相就(jiu)非(fei)常簡單了，但(dan)是不建議大(da)家這(zhe)樣(yang)做，除非(fei)是新手(shou)或(huo)剛入(ru)門的同(tong)學。
然后是近似色，相距45度的(de)顏色。
然后是中差色，距離在90度左右。
接著是對比(bi)色(se)，120度左右(you)。
最(zui)后(hou)是互補(bu)色，對比最(zui)強(qiang)烈(lie)，也就是相距180度(du)左右(you)的顏(yan)色。
這(zhe)五大色相關系是(shi)最(zui)基本也是(shi)搭配起(qi)來最(zui)常見的，一(yi)般不太容易出問題。這(zhe)里需要(yao)說明一(yi)點就(jiu)是(shi)我(wo)們在(zai)對色值進(jin)行(xing)猜測的時候，不需要(yao)要(yao)求太高必須要(yao)完(wan)全(quan)一(yi)致，只要(yao)差不多(duo)就(jiu)可以。并且大家在(zai)看教程(cheng)的時候可能會覺得(de)有些復雜(za)佷麻煩，我(wo)做這(zhe)些為了給大家演(yan)示看上去是(shi)花了些時間，但是(shi)當你自(zi)己(ji)在(zai)猜想的時候可能只是(shi)一(yi)瞬間的事情。
下面(mian)我們(men)再來看(kan)看(kan)第(di)三(san)步，對色(se)彩的感性(xing)分(fen)析(xi)，所謂感性(xing)分(fen)析(xi)也就是說這個色(se)彩給你什么感覺。
比如這個黃色給我(wo)們(men)的(de)正面意(yi)象有(you)：陽光(guang)、輕松、幽默、開朗、熱鬧、歡樂、幼兒、開放(fang)、快(kuai)樂；負面意(yi)象有(you)吵(chao)鬧、廉價、不雅、軟弱、浮躁、輕浮、稚嫩、散(san)漫(man)、不安(an)。注(zhu)意(yi)在提煉感覺的(de)時候不要約束自己(ji)，能夠(gou)聯想到的(de)都可(ke)以記下來。
然后(hou)是(shi)第四(si)步對色(se)彩進行行業(ye)分析(xi)，也(ye)就(jiu)是(shi)說你認為這個(ge)色(se)彩適合哪些行業(ye)或者你見過(guo)哪些行業(ye)使(shi)用過(guo)這個(ge)色(se)彩。
比如最明顯的就是兒(er)童、寵(chong)物、游戲、時尚、運動(dong)、促銷、餐飲、農業(ye)、傳統、汽車(che)等等。
以上(shang)這些訓練做(zuo)完之后(hou)就進入到(dao)了最后(hou)一步，也就是用這個色彩進行任意內容的設計。
這(zhe)是我們的(de)文(wen)案，這(zhe)里我們要設計的(de)是關于(yu)詹(zhan)姆斯十六代戰靴的(de)三個Banner。
? 1. 案例一
首先根(gen)據尺寸創建版(ban)面(mian)(mian)，找(zhao)到一張詹(zhan)姆斯的圖(tu)片去(qu)底之后放(fang)到版(ban)面(mian)(mian)中(zhong)，然后將主題信(xin)息放(fang)大并(bing)選擇(ze)一款具有力量感的字(zi)體(ti)編排到版(ban)面(mian)(mian)的中(zhong)上位置，將中(zhong)文標題和LOGO做重復編排。
將文字信息(xi)(xi)放(fang)置到(dao)人物下方，底部(bu)信息(xi)(xi)做描邊和(he)變形處(chu)理為畫面增加形式感(gan)，最后將其他(ta)信息(xi)(xi)編排到(dao)空(kong)余的左(zuo)側。
最后在主標(biao)題(ti)下(xia)(xia)方(fang)添加色(se)塊(kuai)來豐富一(yi)下(xia)(xia)版面，版式部(bu)分(fen)就(jiu)完成了(le)，接(jie)下(xia)(xia)來開始配色(se)。
因為我(wo)們要用(yong)到采(cai)樣的(de)這(zhe)(zhe)個(ge)(ge)黃色(se)所以(yi)主色(se)已經確定(ding)了，但是這(zhe)(zhe)個(ge)(ge)畫面只用(yong)一個(ge)(ge)顏色(se)顯(xian)然是不(bu)夠的(de)，所以(yi)我(wo)們還需(xu)要其他顏色(se)。
因為考慮到設(she)計的(de)內容和(he)風格所以我(wo)覺得配色(se)上應該(gai)有一(yi)些(xie)對(dui)(dui)比(bi)(bi)，但是(shi)(shi)又不想使用對(dui)(dui)比(bi)(bi)很強的(de)互補色(se)，所以這里(li)我(wo)選擇對(dui)(dui)比(bi)(bi)色(se)，但是(shi)(shi)黃色(se)的(de)對(dui)(dui)比(bi)(bi)色(se)有兩(liang)個應該(gai)選擇哪個呢，這里(li)我(wo)選擇了紫(zi)色(se)。
因為如果了解NBA的(de)(de)話(hua)應該知道，湖(hu)人隊的(de)(de)球衣本(ben)身(shen)就是黃色(se)(se)和紫色(se)(se)，也就是人們所謂的(de)(de)紫金戰袍。
但是(shi)這(zhe)個紫色有些偏(pian)紅，所以我們可以調整成偏(pian)藍一(yi)些。這(zhe)也(ye)是(shi)我想告(gao)訴(su)大家的一(yi)點(dian)就是(shi)配色是(shi)靈(ling)活的，千(qian)萬不要(yao)死腦(nao)筋。
輔色(se)確(que)定了之后(hou)就可以為畫面填充顏色(se)了，但是(shi)我們看填充完顏色(se)之后(hou)人物圖(tu)片的顏色(se)有些不協調(diao)，所以人物的顏色(se)也需(xu)要調(diao)整。
這樣看上去就會好很多(duo)，那么第(di)一(yi)個案例就完成了。
? 2. 案例二
第二個(ge)案例我們選擇鞋子來當主(zhu)體，然(ran)后編(bian)排(pai)主(zhu)標題(ti)。
將(jiang)其(qi)余信息圍(wei)繞(rao)主體鞋子來編(bian)排，通過(guo)適當(dang)的變形角度來為(wei)畫面增加靈動。
但是兩(liang)側很明顯太空了(le)所以(yi)可以(yi)添(tian)加色塊(kuai)和(he)文(wen)字，版式(shi)部分就完成了(le)。
因(yin)為我們設計(ji)的這三個Banner是(shi)一個系列(lie)的，所以配色也應該是(shi)統一的不需要(yao)改(gai)動。
? 3. 案例三
我們再來看(kan)看(kan)最后一個(ge)案例(li)，前兩個(ge)案例(li)分別是(shi)以(yi)人物為主(zhu)體和以(yi)產品為主(zhu)體，所以(yi)第三個(ge)案例(li)我就直接用文字編排，將文字信(xin)息進行分組(zu)給圖片留好位(wei)置。
為了(le)增加(jia)一些形式感，下(xia)方(fang)的(de)標(biao)題同樣進行(xing)描邊處理并進行(xing)裁剪(jian)。
那么(me)同(tong)樣(yang)使用這組配色，將圖片放置(zhi)到預先(xian)留(liu)好的位置(zhi)上，這個案例也就完成了(le)。
最后我們來看一下整體效(xiao)(xiao)果(guo)和(he)效(xiao)(xiao)果(guo)圖。
本期教程到(dao)這里(li)就結束(shu)了(le)，我們從(cong)幾個不同的角度去對色彩進行拆解(jie)，大家回去之后(hou)可以自己多加練習，每(mei)天解(jie)構一個色彩，這樣長期積累下來，你就會在不知不覺中(zhong)創建了(le)一套屬(shu)于你自己的配(pei)色體系(xi)。
但是(shi)我(wo)(wo)相(xiang)信肯定會(hui)有人有疑(yi)問，如果照這(zhe)樣(yang)做那糾錯機制在哪(na)？因為(wei)這(zhe)些都是(shi)大家自(zi)(zi)己去創建的(de)(de)(de)很多內(nei)容不一定對(dui)，如果你(ni)(ni)有這(zhe)樣(yang)的(de)(de)(de)疑(yi)問那說(shuo)明你(ni)(ni)是(shi)認真(zhen)學(xue)(xue)習(xi)的(de)(de)(de)人，但是(shi)我(wo)(wo)這(zhe)套方法并不是(shi)沒有糾錯機制，這(zhe)個(ge)(ge)糾錯機制就(jiu)是(shi)你(ni)(ni)自(zi)(zi)己，在漫長(chang)的(de)(de)(de)時間里你(ni)(ni)的(de)(de)(de)成長(chang)、歷練、感受、學(xue)(xue)習(xi)都會(hui)影響你(ni)(ni)對(dui)一個(ge)(ge)色(se)彩的(de)(de)(de)認知(zhi)，可能幾個(ge)(ge)月甚(shen)至幾天(tian)之后你(ni)(ni)看(kan)待(dai)同一個(ge)(ge)色(se)彩的(de)(de)(de)感覺(jue)都是(shi)不同的(de)(de)(de)。所以放(fang)心(xin)大膽的(de)(de)(de)去做吧，只要你(ni)(ni)肯堅持，火(huo)候到的(de)(de)(de)時候自(zi)(zi)然就(jiu)會(hui)有所收獲(huo)。
在線客服1號
微信公眾賬號