@研習(xí)設(shè)K先生 ：其實(shí)無(wú)論是色彩學(xué)還是配色方法，最本質(zhì)的東西就那些，更多的還是需要設(shè)計(jì)師在日后的工作中不斷的摸索和積累。在之前的文章中我們也講解過(guò)很多關(guān)于色彩學(xué)和配色方法上的一些相關(guān)理論，但是我個(gè)人認(rèn)為比較重要的就是色調(diào)以及色彩的對(duì)比和統(tǒng)一，如果這幾點(diǎn)能夠做好，那么其他的配色方法對(duì)你來(lái)說(shuō)只能算是錦上添花。而本期教程可以算作是色調(diào)的一個(gè)簡(jiǎn)化版，也就是十字形配色法。如果你對(duì)色調(diào)還是一頭霧水的話，這個(gè)配色方法就非常適合你入門。在正式講解之前我們先來(lái)看看十字形配色法是如何產(chǎn)生的，這個(gè)思路的靈感主要就來(lái)源于我個(gè)人的一些業(yè)余愛(ài)好。
比如我們古代的典籍，主要分為經(jīng)、史、子、集四部。經(jīng)，就是指經(jīng)書，主要指一些儒家經(jīng)典著作。
史，就是指史書，也就是正史。
子，主要是指先秦諸子百家的著作，以及術(shù)數(shù)和宗教類著作。
集，主要是收錄的詩(shī)詞和文集，這就是古代典籍的四分法。
再比如企業(yè)文化，也有四分法。第一種就是強(qiáng)悍型，也叫硬漢型，這種企業(yè)文化強(qiáng)調(diào)工作的快節(jié)奏，讓人感到極度的緊張，輕視合作，急功近利，甚至不惜冒風(fēng)險(xiǎn)行事。
第二種是工作娛樂(lè)型，也就是工作和娛樂(lè)并重型文化，工作環(huán)境輕松，員工彼此之間寬宏大度，能夠友好親近相處。
第三種是賭注型，這種企業(yè)通常鼓勵(lì)冒險(xiǎn)和創(chuàng)新，看不起按部就班、循規(guī)蹈矩的人，強(qiáng)調(diào)放眼于未來(lái)，發(fā)展波動(dòng)較大。
第四種就是按部就班型。這種企業(yè)文化強(qiáng)調(diào)安定，大事小事都按照規(guī)章制度嚴(yán)格執(zhí)行，重質(zhì)量、輕速度，員工很少有激情。這也是一種四分法的應(yīng)用。
再比如很多人都比較相信的星座，即使不了解的人也知道有十二個(gè)星座，但是只有深入研究的人才知道這十二星座又可以分為四大類。
也就是火象星座、土象星座、風(fēng)象星座以及水象星座。
比如火象星座的人，通常精力比較旺盛，做事干脆利落，感情上比較豪放熱情，但是持久性就稍差一些了，有時(shí)候做事比較欠穩(wěn)重，有些粗心大意。
土象星座的人，做事比較慎重、穩(wěn)重，而且很理智，通常對(duì)待感情也比較執(zhí)著，但有時(shí)候會(huì)缺乏自信，甚至于比較執(zhí)拗。
風(fēng)向星座的人具有發(fā)散性思維，有豐富的想象力和語(yǔ)言表達(dá)能力，這種人擅長(zhǎng)社交，但是性格不太穩(wěn)定，有時(shí)候會(huì)比較情緒化，整體上屬于外向性格的人。
水象星座的人情感比較細(xì)膩，常常有敏銳的觀察力和直覺(jué)，但有時(shí)候想法卻不太現(xiàn)實(shí)，容易受情感左右，并且還過(guò)于理想化。
以上這些例子就是我個(gè)人在平時(shí)的業(yè)余愛(ài)好上所接觸到的四分法，四分法除了應(yīng)用在以上這幾個(gè)領(lǐng)域之外，也有很多可以用到的地方。雖然看似跟設(shè)計(jì)和配色沒(méi)什么關(guān)系，但是目的是想告訴大家下面這個(gè)配色思路的由來(lái)，就是四分法為我?guī)?lái)的靈感，并且之前也有一些同學(xué)反饋覺(jué)得色調(diào)很難，一時(shí)間不太容易弄懂，所以結(jié)合個(gè)人經(jīng)驗(yàn)和現(xiàn)實(shí)需求，我就想到了這個(gè)色調(diào)簡(jiǎn)化版的配色方法，十字形配色法，下面我們就開始進(jìn)入正式的講解。
這個(gè)配色法具有很強(qiáng)的操作性，因?yàn)樗皇羌兇獾睦碚?，而是在設(shè)計(jì)軟件中的操作，首先就是打開軟件中的色板。
然后橫向和縱向分別劃一條線，形成十字形，這也是這個(gè)配色方法名稱的由來(lái)。這樣就會(huì)形成四個(gè)區(qū)域，我們分別標(biāo)上數(shù)字。
在具體配色的選擇上，無(wú)論你使用什么色相或者如何拖動(dòng)色相條都沒(méi)關(guān)系，只要你選定了一個(gè)區(qū)域，那么其他顏色也要保持在這個(gè)區(qū)域內(nèi)，原理其實(shí)就是統(tǒng)一色調(diào)，好處就是操作簡(jiǎn)單方便，不用顧慮太多。那肯定有人會(huì)問(wèn)，我怎么知道選擇哪個(gè)區(qū)域的顏色是對(duì)的呢？別急，我們接著往下看。
我們先來(lái)看序號(hào)1的區(qū)域，這里我們提取了一些關(guān)鍵詞，代表了區(qū)域1中色彩的大致風(fēng)格和調(diào)性，這個(gè)區(qū)域的顏色純度和明度都比較高，具有健康、積極、開放等屬性，色彩意向比較明確。下面我們來(lái)看看相關(guān)的作品。
我們看這個(gè)海報(bào)，配色上比較純粹，整體上就是三種顏色，我們?cè)谲浖形∫幌戮涂梢钥闯鰜?lái)，這三個(gè)顏色都是在1的區(qū)域內(nèi)，給人的感覺(jué)就是強(qiáng)烈、直接，色彩鮮明，具有視覺(jué)沖擊力。
這個(gè)海報(bào)是在無(wú)彩色黑色背景上使用的有彩色搭配，整體上就是黃、紅、藍(lán)這三種色相，在色板的位置上也都位于區(qū)域1中，鮮明的色彩結(jié)合插畫圖形，給人的色彩印象就是具有活力和熱情。
這個(gè)海報(bào)除了白色的文字，使用的有彩色就是兩種，也就是藍(lán)紫色和綠色，在色板中的位置也是位于1的區(qū)域，純度和明度都較高，給人的感官刺激也很強(qiáng)，明確、開放、時(shí)尚。
下面我們?cè)賮?lái)看看位于區(qū)域2的色彩都有哪些特點(diǎn)。
區(qū)域2的顏色沒(méi)有區(qū)域1的顏色那么濃烈、艷麗，而是更加簡(jiǎn)潔、干凈、明朗。通?？梢越o人一種清爽、明快的印象，并且不會(huì)過(guò)于搶眼或突出，具有樸素的氣質(zhì)。同樣我們還是拿相關(guān)作品來(lái)舉例。
這個(gè)海報(bào)整體上就是黃色調(diào)和紫色，我們提取一些主要色相來(lái)看看，基本上都是在區(qū)域2的位置上，在色彩上不會(huì)給人特別強(qiáng)烈和鮮明的印象，反而體現(xiàn)出的是一種舒適、安逸、淡雅的感覺(jué)，這種感覺(jué)有時(shí)候往往也是恰到好處的。
這個(gè)海報(bào)整體上是插畫圖像作為主體的形式，我們來(lái)看看這里面使用的基本色相，通過(guò)右側(cè)的色板可以很明顯的看出來(lái)，整體上都是在區(qū)域2的位置，給人的色彩印象就是年輕、明快、舒適，與主題內(nèi)容的契合度也是非常高的，所以用色彩來(lái)表現(xiàn)畫面的風(fēng)格，通常所產(chǎn)生的結(jié)果都是很直觀的。
這個(gè)海報(bào)雖然有具體的圖片存在，但是在文字上使用了兩種色彩，并且我們也可以吸取圖片的顏色來(lái)看看，整體上都是在區(qū)域2的位置，整體呈現(xiàn)出來(lái)的風(fēng)格也是偏向年輕、清爽、溫柔這樣一個(gè)感覺(jué)。
針對(duì)于畫面中有圖片的情況，很多人在配色的時(shí)候就會(huì)比較苦惱，因?yàn)橛袌D片的存在，在色彩上可能就不會(huì)完全位于某一個(gè)區(qū)域。這個(gè)大家不用過(guò)于糾結(jié)，這種情況下我們只看圖片的整體色調(diào)就可以，也就是說(shuō)看圖片的大部分色彩位于什么位置，我們就可以判定這個(gè)圖片屬于哪類顏色，而配色上也應(yīng)該盡量考慮到圖片的色彩，讓整體版面的色彩能夠協(xié)調(diào)統(tǒng)一，當(dāng)然也可以做一些適當(dāng)?shù)膶?duì)比。
我們接著來(lái)看看數(shù)字3的區(qū)域，這個(gè)區(qū)域的顏色，雖然純度還比較偏高，但是明度已經(jīng)很低了，整體上也就是偏暗的顏色，這個(gè)區(qū)間的顏色給人的色彩印象就是強(qiáng)力、商務(wù)、有格調(diào)，在一些傳統(tǒng)和古典相關(guān)的設(shè)計(jì)中經(jīng)常用到。
這個(gè)海報(bào)在內(nèi)容上很簡(jiǎn)單并不復(fù)雜，色彩使用上同樣如此，除了文字的白色就是背景的藍(lán)色和圖形的紅色，而這兩個(gè)顏色在色板中的位置都位于區(qū)域3中，給人的感覺(jué)就是比較有深度和格調(diào)，并且還帶有一些傳統(tǒng)和古典的韻味。
當(dāng)然這個(gè)區(qū)間的顏色并非只能用在傳統(tǒng)和古典的內(nèi)容上，比如這個(gè)活動(dòng)海報(bào)使用的就是紅藍(lán)對(duì)比色，也是比較常見的一種配色形式，雖然具有漸變，最頂部的顏色可能并非位于3的區(qū)域，但是整體來(lái)看還是屬于區(qū)域3的配色，相比于區(qū)域1的顏色這個(gè)區(qū)間的紅藍(lán)刺激性沒(méi)那么強(qiáng)，給人更多的感受就是強(qiáng)力和力量感，很好的烘托了運(yùn)動(dòng)的主題。
這個(gè)海報(bào)就是利用了色彩來(lái)營(yíng)造畫面的空間感，整體上都是藍(lán)色，純度和明度略有不同，但是整體上仍然是在3的區(qū)域內(nèi)，給人的感覺(jué)就是深邃和深度，再結(jié)合藍(lán)色的色相很好的體現(xiàn)出了主題夜的氛圍。
關(guān)于色彩的屬性或氣質(zhì)的問(wèn)題，在我們之前的文章中也不止一次提到過(guò)了。其實(shí)這種對(duì)色彩氣質(zhì)或?qū)傩缘膭澐志褪且粋€(gè)規(guī)律，它不是絕對(duì)的，所以一定要靈活的運(yùn)用。而且我認(rèn)為這種東西也不需要去死記硬背，就是一種感覺(jué)，根據(jù)你的設(shè)計(jì)內(nèi)容去應(yīng)用就可以，并且通常情況下，色彩所具有的屬性或風(fēng)格有很多，在具體的使用上往往只取其中的一兩個(gè)點(diǎn)，要有所側(cè)重的體現(xiàn)，而并非是要把所有的關(guān)鍵詞都在一個(gè)作品中體現(xiàn)出來(lái)。
我們?cè)賮?lái)看看區(qū)域4，區(qū)域4的色彩基本上純度和明度都偏低，也就是偏黑色和灰色調(diào)，所以產(chǎn)生的色彩印象就是孤獨(dú)、閉鎖、成熟，還帶有一絲神秘，配合相應(yīng)的色相也可以體現(xiàn)高雅和雅致。
這個(gè)海報(bào)背景是一個(gè)插畫圖形，雖然在色相上整體都是黃色調(diào)，但是在色板上都位于區(qū)域4之內(nèi)，也就是純度和明度都偏低，因此色彩的傾向性也就沒(méi)那么明顯了，整體呈現(xiàn)出來(lái)的風(fēng)格更多的就是雅致和穩(wěn)重，沒(méi)有什么強(qiáng)烈的色彩特征，而上方的文字使用了較亮的黃色，與背景整體色調(diào)又形成了對(duì)比。
這個(gè)海報(bào)整體上就是以紫紅色和綠色為主，雖然也有個(gè)別較亮的顏色，但是大部分都還是位于區(qū)域4的位置，給人的感覺(jué)就是比較深沉、內(nèi)斂。
這個(gè)海報(bào)看上去給人的感覺(jué)就是比較壓抑、莊重，主要就是色彩的原因，整體上都是區(qū)域4的顏色，這里的文字也并非是純黑色，也帶有少量色彩傾向的顏色。
通過(guò)這些相關(guān)案例其實(shí)我們不難發(fā)現(xiàn)，即使我們不去看一個(gè)作品的文字內(nèi)容，也可以通過(guò)色彩來(lái)大致的感受到作品的風(fēng)格和想表現(xiàn)的氣質(zhì)，這就是色彩的神奇之處。并且在我們進(jìn)行具體配色的時(shí)候，如果你事先根據(jù)你的設(shè)計(jì)內(nèi)容和風(fēng)格選定好了一個(gè)色彩區(qū)間，也并不是說(shuō)你之后的所有配色都必須一定要在這個(gè)范圍之內(nèi)，在適當(dāng)?shù)那闆r下也可以進(jìn)行一些變化。比如個(gè)別顏色也可以選擇其他區(qū)域的顏色，但是整體的基調(diào)不能有太大的變動(dòng)，因?yàn)檫@會(huì)影響畫面整體的色彩氛圍和風(fēng)格。
最后我們用一個(gè)案例來(lái)演示一下，這里我們?cè)O(shè)計(jì)一個(gè)關(guān)于耳機(jī)的網(wǎng)頁(yè)首屏。首先將相關(guān)圖片去底放到版面的右側(cè)，接著將主標(biāo)題編排到人物左側(cè)的位置，然后在主標(biāo)題下方編排副標(biāo)題以及價(jià)格信息和詳情按鈕，最后將 LOGO 以及其他網(wǎng)頁(yè)組件編排到版面的上方，那么這個(gè)版面的大致構(gòu)圖和形式就差不多了。接下來(lái)編排其他信息，因?yàn)楝F(xiàn)在這個(gè)頁(yè)面并沒(méi)有太適合編排文字的地方了，所以我們就在底部采用色塊的形式。
暫且先用灰色塊來(lái)填充，然后在色塊中編排文字內(nèi)容，但是我們看添加色塊之后，人物圖片以及左側(cè)文字的位置和大小上就顯得不是很好了，所以我們需要對(duì)人物圖片和文字的位置進(jìn)行簡(jiǎn)單的調(diào)整。
那么這個(gè)頁(yè)面的版式部分就完成了，接下來(lái)我們開始配色，而配色一定是要根據(jù)內(nèi)容和風(fēng)格來(lái)定的。
這里我們就根據(jù)文字內(nèi)容來(lái)提取，大致上可以得出這個(gè)耳機(jī)產(chǎn)品應(yīng)該是貼近年輕的消費(fèi)群體，所以在色彩上應(yīng)該體現(xiàn)出的是年輕時(shí)尚這樣一個(gè)感覺(jué)，那我們回到這個(gè)界面。
來(lái)看一下位于哪個(gè)區(qū)域的色彩更加符合我們這個(gè)設(shè)計(jì)內(nèi)容，綜合考慮來(lái)看，顯然位于區(qū)域1的顏色更加適合，所以我們就在這個(gè)范圍內(nèi)配色。
首先就是填充背景色，因?yàn)楸尘吧娣e最大，也就是畫面中的主色，所以這里我們填充能夠體現(xiàn)年輕的青色，然后依次填充下方的色塊，在具體的色相上并沒(méi)有太嚴(yán)格的限制，只要保持在區(qū)域1的范圍內(nèi)就可以。
至于文字的顏色，這里并不建議填充有彩色，否則會(huì)造成畫面色彩過(guò)多，顯得很混亂，所以文字色使用無(wú)彩色最好。
如果覺(jué)得黑色有些壓抑的話，你也可以填充白色。
最后詳情按鈕我們也可以填充一個(gè)下方的顏色，比如填充紫色，這樣就會(huì)有一個(gè)很好的呼應(yīng)，那么這個(gè)案例就完成了。
而這里其他3個(gè)區(qū)域的配色效果我們也嘗試了，顯然跟我們的主題內(nèi)容是不相符的，針對(duì)于這個(gè)設(shè)計(jì)內(nèi)容和頁(yè)面來(lái)說(shuō)，區(qū)域1內(nèi)的配色要更加適合一些。
本期教程到這里就結(jié)束了，我們主要講解了四分法在我們?cè)O(shè)計(jì)配色中的應(yīng)用，也就是將軟件中的色板平均分成四分，各自說(shuō)明了每一個(gè)區(qū)域內(nèi)的色彩具有什么樣的氣質(zhì)和屬性，可以說(shuō)這個(gè)方法操作上并沒(méi)有什么難度，非常適合新手或者配色能力比較薄弱的同學(xué)。最后還是要強(qiáng)調(diào)一點(diǎn)，就是這個(gè)十字形配色法也只是眾多配色思路中的其中一種，在設(shè)計(jì)配色時(shí)具體該選擇哪個(gè)區(qū)間的顏色，一定是綜合考慮設(shè)計(jì)內(nèi)容和風(fēng)格之后的結(jié)果，因?yàn)樯时旧聿](méi)有好壞之分，關(guān)鍵是要看你怎么用，希望大家能夠明白這個(gè)道理。
聯(lián)系客服
