本文主要介紹配色四分法的原理以及在實際案例中的運用。
這個配色法具有很強的操作性瑰煎，因為它不是純粹的理論泻轰，而是在設(shè)計軟件中的操作技肩，首先就是打開軟件中的色板。
然后橫向和縱向分別劃一條線浮声，形成十字形虚婿，這也是這個配色方法名稱的由來旋奢。這樣就會形成四個區(qū)域，我們分別標上數(shù)字然痊。
在具體配色的選擇上至朗，無論你使用什么色相或者如何拖動色相條都沒關(guān)系，只要你選定了一個區(qū)域玷过，那么其他顏色也要保持在這個區(qū)域內(nèi)爽丹，原理其實就是統(tǒng)一色調(diào)筑煮，好處就是操作簡單方便辛蚊，不用顧慮太多。那肯定有人會問真仲，我怎么知道選擇哪個區(qū)域的顏色是對的呢袋马？別急，我們接著往下看秸应。
我們先來看序號1的區(qū)域虑凛，這里我們提取了一些關(guān)鍵詞，代表了區(qū)域1中色彩的大致風(fēng)格和調(diào)性软啼，這個區(qū)域的顏色純度和明度都比較高桑谍，具有健康、積極祸挪、開放等屬性锣披，色彩意向比較明確。下面我們來看看相關(guān)的作品贿条。
我們看這個海報雹仿，配色上比較純粹，整體上就是三種顏色整以，我們在軟件中吸取一下就可以看出來胧辽，這三個顏色都是在1的區(qū)域內(nèi)，給人的感覺就是強烈公黑、直接邑商，色彩鮮明，具有視覺沖擊力凡蚜。
這個海報是在無彩色黑色背景上使用的有彩色搭配人断，整體上就是黃、紅番刊、藍這三種色相含鳞，在色板的位置上也都位于區(qū)域1中，鮮明的色彩結(jié)合插畫圖形芹务，給人的色彩印象就是具有活力和熱情蝉绷。
這個海報除了白色的文字鸭廷，使用的有彩色就是兩種，也就是藍紫色和綠色熔吗，在色板中的位置也是位于1的區(qū)域辆床，純度和明度都較高，給人的感官刺激也很強桅狠，明確讼载、開放、時尚中跌。
下面我們再來看看位于區(qū)域2的色彩都有哪些特點咨堤。
區(qū)域2的顏色沒有區(qū)域1的顏色那么濃烈、艷麗漩符，而是更加簡潔一喘、干凈、明朗嗜暴。通惩箍耍可以給人一種清爽、明快的印象闷沥，并且不會過于搶眼或突出萎战，具有樸素的氣質(zhì)。同樣我們還是拿相關(guān)作品來舉例舆逃。
這個海報整體上就是黃色調(diào)和紫色蚂维，我們提取一些主要色相來看看，基本上都是在區(qū)域2的位置上颖侄，在色彩上不會給人特別強烈和鮮明的印象鸟雏，反而體現(xiàn)出的是一種舒適、安逸览祖、淡雅的感覺孝鹊，這種感覺有時候往往也是恰到好處的。
這個海報整體上是插畫圖像作為主體的形式展蒂，我們來看看這里面使用的基本色相又活，通過右側(cè)的色板可以很明顯的看出來，整體上都是在區(qū)域2的位置锰悼，給人的色彩印象就是年輕柳骄、明快、舒適箕般，與主題內(nèi)容的契合度也是非常高的耐薯，所以用色彩來表現(xiàn)畫面的風(fēng)格，通常所產(chǎn)生的結(jié)果都是很直觀的。
這個海報雖然有具體的圖片存在曲初，但是在文字上使用了兩種色彩体谒，并且我們也可以吸取圖片的顏色來看看，整體上都是在區(qū)域2的位置臼婆，整體呈現(xiàn)出來的風(fēng)格也是偏向年輕抒痒、清爽、溫柔這樣一個感覺颁褂。
針對于畫面中有圖片的情況故响，很多人在配色的時候就會比較苦惱，因為有圖片的存在颁独，在色彩上可能就不會完全位于某一個區(qū)域彩届，這個大家不用過于糾結(jié)，這種情況下我們只看圖片的整體色調(diào)就可以奖唯，也就是說看圖片的大部分色彩位于什么位置惨缆，我們就可以判定這個圖片屬于哪類顏色糜值，而配色上也應(yīng)該盡量考慮到圖片的色彩丰捷，讓整體版面的色彩能夠協(xié)調(diào)統(tǒng)一，當(dāng)然也可以做一些適當(dāng)?shù)膶Ρ取?/p>
我們接著來看看數(shù)字3的區(qū)域寂汇，這個區(qū)域的顏色病往，雖然純度還比較偏高，但是明度已經(jīng)很低了骄瓣，整體上也就是偏暗的顏色停巷，這個區(qū)間的顏色給人的色彩印象就是強力、商務(wù)榕栏、有格調(diào)畔勤，在一些傳統(tǒng)和古典相關(guān)的設(shè)計中經(jīng)常用到。
這個海報在內(nèi)容上很簡單并不復(fù)雜扒磁，色彩使用上同樣如此庆揪，除了文字的白色就是背景的藍色和圖形的紅色，而這兩個顏色在色板中的位置都位于區(qū)域3中妨托，給人的感覺就是比較有深度和格調(diào)缸榛，并且還帶有一些傳統(tǒng)和古典的韻味。
當(dāng)然這個區(qū)間的顏色并非只能用在傳統(tǒng)和古典的內(nèi)容上兰伤，比如這個活動海報使用的就是紅藍對比色内颗，也是比較常見的一種配色形式，雖然具有漸變敦腔，最頂部的顏色可能并非位于3的區(qū)域均澳，但是整體來看還是屬于區(qū)域3的配色，相比于區(qū)域1的顏色這個區(qū)間的紅藍刺激性沒那么強，給人更多的感受就是強力和力量感找前，很好的烘托了運動的主題筒捺。
這個海報就是利用了色彩來營造畫面的空間感，整體上都是藍色纸厉，純度和明度略有不同系吭，但是整體上仍然是在3的區(qū)域內(nèi)，給人的感覺就是深邃和深度颗品，再結(jié)合藍色的色相很好的體現(xiàn)出了主題夜的氛圍肯尺。
關(guān)于色彩的屬性或氣質(zhì)的問題，在我們之前的課程中也不止一次提到過了躯枢，其實這種對色彩氣質(zhì)或?qū)傩缘膭澐志褪且粋€規(guī)律则吟，它不是絕對的，所以一定要靈活的運用锄蹂，而且我認為這種東西也不需要去死記硬背氓仲，就是一種感覺，根據(jù)你的設(shè)計內(nèi)容去應(yīng)用就可以得糜，并且通常情況下敬扛，色彩所具有的屬性或風(fēng)格有很多，在具體的使用上往往只取其中的一兩個點朝抖，要有所側(cè)重的體現(xiàn)啥箭，而并非是要把所有的關(guān)鍵詞都在一個作品中體現(xiàn)出來。
我們再來看看區(qū)域4治宣，區(qū)域4的色彩基本上純度和明度都偏低急侥，也就是偏黑色和灰色調(diào)，所以產(chǎn)生的色彩印象就是孤獨侮邀、閉鎖坏怪、成熟，還帶有一絲神秘绊茧，配合相應(yīng)的色相也可以體現(xiàn)高雅和雅致铝宵。
這個海報背景是一個插畫圖形，雖然在色相上整體都是黃色調(diào)按傅，但是在色板上都位于區(qū)域4之內(nèi)捉超，也就是純度和明度都偏低，因此色彩的傾向性也就沒那么明顯了唯绍，整體呈現(xiàn)出來的風(fēng)格更多的就是雅致和穩(wěn)重拼岳，沒有什么強烈的色彩特征，而上方的文字使用了較亮的黃色况芒，與背景整體色調(diào)又形成了對比惜纸。
這個海報整體上就是以紫紅色和綠色為主叶撒，雖然也有個別較亮的顏色，但是大部分都還是位于區(qū)域4的位置耐版，給人的感覺就是比較深沉祠够、內(nèi)斂。
這個海報看上去給人的感覺就是比較壓抑粪牲、莊重古瓤，主要就是色彩的原因，整體上都是區(qū)域4的顏色腺阳，這里的文字也并非是純黑色落君，也帶有少量色彩傾向的顏色。
通過這些相關(guān)案例其實我們不難發(fā)現(xiàn)亭引，即使我們不去看一個作品的文字內(nèi)容绎速，也可以通過色彩來大致的感受到作品的風(fēng)格和想表現(xiàn)的氣質(zhì)，這就是色彩的神奇之處焙蚓，并且在我們進行具體配色的時候纹冤，如果你事先根據(jù)你的設(shè)計內(nèi)容和風(fēng)格選定好了一個色彩區(qū)間，也并不是說你之后的所有配色都必須一定要在這個范圍之內(nèi)购公，在適當(dāng)?shù)那闆r下也可以進行一些變化萌京，比如個別顏色也可以選擇其他區(qū)域的顏色，但是整體的基調(diào)不能有太大的變動君丁，因為這會影響畫面整體的色彩氛圍和風(fēng)格枫夺。
最后我們用一個案例來演示一下，這里我們設(shè)計一個關(guān)于耳機的網(wǎng)頁首屏绘闷。首先將相關(guān)圖片去底放到版面的右側(cè)，接著將主標題編排到人物左側(cè)的位置较坛，然后在主標題下方編排副標題以及價格信息和詳情按鈕印蔗，最后將LOGO以及其他網(wǎng)頁組件編排到版面的上方，那么這個版面的大致構(gòu)圖和形式就差不多了础废。接下來編排其他信息纸俭，因為現(xiàn)在這個頁面并沒有太適合編排文字的地方了间涵，所以我們就在底部采用色塊的形式。
暫且先用灰色塊來填充耙厚，然后在色塊中編排文字內(nèi)容，但是我們看添加色塊之后岔霸，人物圖片以及左側(cè)文字的位置和大小上就顯得不是很好了薛躬，所以我們需要對人物圖片和文字的位置進行簡單的調(diào)整。
那么這個頁面的版式部分就完成了呆细，接下來我們開始配色型宝，而配色一定是要根據(jù)內(nèi)容和風(fēng)格來定的。
這里我們就根據(jù)文字內(nèi)容來提取，大致上可以得出這個耳機產(chǎn)品應(yīng)該是貼近年輕的消費群體趴酣，所以在色彩上應(yīng)該體現(xiàn)出的是年輕時尚這樣一個感覺梨树，那我們回到這個界面。
來看一下位于哪個區(qū)域的色彩更加符合我們這個設(shè)計內(nèi)容岖寞，綜合考慮來看抡四，顯然位于區(qū)域1的顏色更加適合，所以我們就在這個范圍內(nèi)配色仗谆。
首先就是先填充背景色床嫌，因為背景色面積最大，也就是畫面中的主色胸私，所以這里我們填充能夠體現(xiàn)年輕的青色厌处，然后依次填充下方的色塊，在具體的色相上并沒有太嚴格的限制岁疼，只要保持在區(qū)域1的范圍內(nèi)就可以阔涉。
至于文字的顏色，這里并不建議填充有彩色捷绒，否則會造成畫面色彩過多瑰排，顯得很混亂，所以文字色使用無彩色最好暖侨。
如果覺得黑色有些壓抑的話椭住，你也可以填充白色。
最后詳情按鈕我們也可以填充一個下方的顏色字逗，比如填充紫色京郑，這樣就會有一個很好的呼應(yīng)，那么這個案例就完成了葫掉。
而這里其他3個區(qū)域的配色效果我們也嘗試了些举，顯然跟我們的主題內(nèi)容是不相符的，針對于這個設(shè)計內(nèi)容和頁面來說俭厚，區(qū)域1內(nèi)的配色要更加適合一些户魏。
本期教程到這里就結(jié)束了，我們主要講解了四分法在我們設(shè)計配色中的應(yīng)用挪挤，也就是將軟件中的色板平均分成四分叼丑，各自說明了每一個區(qū)域內(nèi)的色彩具有什么樣的氣質(zhì)和屬性，可以說這個方法操作上并沒有什么難度扛门，非常適合新手或者配色能力比較薄弱的同學(xué)鸠信。最后還是要強調(diào)一點，就是這個十字形配色法也只是眾多配色思路中的其中一種尖飞，在設(shè)計配色時具體該選擇哪個區(qū)間的顏色症副，一定是綜合考慮設(shè)計內(nèi)容和風(fēng)格之后的結(jié)果店雅，因為色彩本身并沒有好壞之分，關(guān)鍵是要看你怎么用贞铣，希望大家能夠明白這個道理闹啦。
轉(zhuǎn)至研習(xí)社。
