其實無論是色彩學還是配色方法，最本質的東西(xī)就那(nà)些，更多的還是需要(yào)設計師(shī)在日後的工(gōng)作(zuò)中不斷的摸索和(hé)積累。在之前的文章(zhāng)中我們也講解過很(hěn)多關于色彩學和(hé)配色方法上(shàng)的一(yī)些相關理論，但(dàn)是我個人(rén)認為(wèi)比較重要(yào)的就是色調以及色彩的對比和(hé)統一(yī)，如(rú)果這(zhè)幾點能(néng)夠做(zuò)好，那(nà)麽其他(tā)的配色方法對你來說隻能(néng)算是錦上(shàng)添花。而本期教程可(kě)以算作(zuò)是色調的一(yī)個簡化版，也就是十字形配色法。如(rú)果你對色調還是一(yī)頭霧水的話，這(zhè)個配色方法就非常适合你入門。在正式講解之前我們先來看(kàn)看(kàn)十字形配色法是如(rú)何産生的，這(zhè)個思路的靈感主要(yào)就來源于我個人(rén)的一(yī)些業餘愛好。

比如(rú)我們古代的典籍，主要(yào)分為(wèi)經、史、子、集四部。經，就是指經書(shū)，主要(yào)指一(yī)些儒家經典著作(zuò)。

史，就是指史書(shū)，也就是正史。

子，主要(yào)是指先秦諸子百家的著作(zuò)，以及術(shù)數(shù)和(hé)宗教類著作(zuò)。

集，主要(yào)是收錄的詩詞和(hé)文集，這(zhè)就是古代典籍的四分法。

再比如(rú)企業文化，也有四分法。第一(yī)種就是強悍型，也叫硬漢型，這(zhè)種企業文化強調工(gōng)作(zuò)的快(kuài)節奏，讓人(rén)感到極度的緊張，輕視(shì)合作(zuò)，急功近利，甚至不惜冒風(fēng)險行(xíng)事。

第二種是工(gōng)作(zuò)娛樂(yuè)型，也就是工(gōng)作(zuò)和(hé)娛樂(yuè)并重型文化，工(gōng)作(zuò)環境輕松，員(yuán)工(gōng)彼此之間(jiān)寬宏大度，能(néng)夠友(yǒu)好親近相處。

第三種是賭注型，這(zhè)種企業通(tōng)常鼓勵冒險和(hé)創新，看(kàn)不起按部就班、循規蹈矩的人(rén)，強調放眼于未來，發展波動較大。

第四種就是按部就班型。這(zhè)種企業文化強調安定，大事小事都(dōu)按照規章(zhāng)制度嚴格執行(xíng)，重質量、輕速度，員(yuán)工(gōng)很(hěn)少(shǎo)有激情。這(zhè)也是一(yī)種四分法的應用。

再比如(rú)很(hěn)多人(rén)都(dōu)比較相信的星座，即使不了(le)解的人(rén)也知道(dào)有十二個星座，但(dàn)是隻有深入研究的人(rén)才知道(dào)這(zhè)十二星座又可(kě)以分為(wèi)四大類。

也就是火(huǒ)象星座、土(tǔ)象星座、風(fēng)象星座以及水象星座。

比如(rú)火(huǒ)象星座的人(rén)，通(tōng)常精力比較旺盛，做(zuò)事幹脆利落，感情上(shàng)比較豪放熱(rè)情，但(dàn)是持久性就稍差一(yī)些了(le)，有時(shí)候做(zuò)事比較欠穩重，有些粗心大意。

土(tǔ)象星座的人(rén)，做(zuò)事比較慎重、穩重，而且很(hěn)理智，通(tōng)常對待感情也比較執着，但(dàn)有時(shí)候會缺乏自(zì)信，甚至于比較執拗。

風(fēng)向星座的人(rén)具有發散性思維，有豐富的想象力和(hé)語言表達能(néng)力，這(zhè)種人(rén)擅長(cháng)社交，但(dàn)是性格不太穩定，有時(shí)候會比較情緒化，整體上(shàng)屬于外(wài)向性格的人(rén)。

水象星座的人(rén)情感比較細膩，常常有敏銳的觀察力和(hé)直覺，但(dàn)有時(shí)候想法卻不太現實，容易受情感左右，并且還過于理想化。

以上(shàng)這(zhè)些例子就是我個人(rén)在平時(shí)的業餘愛好上(shàng)所接觸到的四分法，四分法除了(le)應用在以上(shàng)這(zhè)幾個領域之外(wài)，也有很(hěn)多可(kě)以用到的地(dì)方。雖然看(kàn)似跟設計和(hé)配色沒什麽關系，但(dàn)是目的是想告訴大家下(xià)面這(zhè)個配色思路的由來，就是四分法為(wèi)我帶來的靈感，并且之前也有一(yī)些同學反饋覺得色調很(hěn)難，一(yī)時(shí)間(jiān)不太容易弄懂(dǒng)，所以結合個人(rén)經驗和(hé)現實需求，我就想到了(le)這(zhè)個色調簡化版的配色方法，十字形配色法，下(xià)面我們就開(kāi)始進入正式的講解。

這(zhè)個配色法具有很(hěn)強的操作(zuò)性，因為(wèi)它不是純粹的理論，而是在設計軟件中的操作(zuò)，首先就是打開(kāi)軟件中的色闆。

然後橫向和(hé)縱向分别劃一(yī)條線，形成十字形，這(zhè)也是這(zhè)個配色方法名稱的由來。這(zhè)樣就會形成四個區(qū)域，我們分别标上(shàng)數(shù)字。

在具體配色的選擇上(shàng)，無論你使用什麽色相或者如(rú)何拖動色相條都(dōu)沒關系，隻要(yào)你選定了(le)一(yī)個區(qū)域，那(nà)麽其他(tā)顔色也要(yào)保持在這(zhè)個區(qū)域內(nèi)，原理其實就是統一(yī)色調，好處就是操作(zuò)簡單方便，不用顧慮太多。那(nà)肯定有人(rén)會問(wèn)，我怎麽知道(dào)選擇哪個區(qū)域的顔色是對的呢？别急，我們接着往下(xià)看(kàn)。

我們先來看(kàn)序号1的區(qū)域，這(zhè)裏我們提取了(le)一(yī)些關鍵詞，代表了(le)區(qū)域1中色彩的大緻風(fēng)格和(hé)調性，這(zhè)個區(qū)域的顔色純度和(hé)明(míng)度都(dōu)比較高，具有健康、積極、開(kāi)放等屬性，色彩意向比較明(míng)确。下(xià)面我們來看(kàn)看(kàn)相關的作(zuò)品。

我們看(kàn)這(zhè)個海(hǎi)報，配色上(shàng)比較純粹，整體上(shàng)就是三種顔色，我們在軟件中吸取一(yī)下(xià)就可(kě)以看(kàn)出來，這(zhè)三個顔色都(dōu)是在1的區(qū)域內(nèi)，給人(rén)的感覺就是強烈、直接，色彩鮮明(míng)，具有視(shì)覺沖擊力。

這(zhè)個海(hǎi)報是在無彩色黑(hēi)色背景上(shàng)使用的有彩色搭配，整體上(shàng)就是黃(huáng)、紅(hóng)、藍(lán)這(zhè)三種色相，在色闆的位置上(shàng)也都(dōu)位于區(qū)域1中，鮮明(míng)的色彩結合插畫(huà)圖形，給人(rén)的色彩印象就是具有活力和(hé)熱(rè)情。

這(zhè)個海(hǎi)報除了(le)白色的文字，使用的有彩色就是兩種，也就是藍(lán)紫色和(hé)綠(lǜ)色，在色闆中的位置也是位于1的區(qū)域，純度和(hé)明(míng)度都(dōu)較高，給人(rén)的感官刺激也很(hěn)強，明(míng)确、開(kāi)放、時(shí)尚。

下(xià)面我們再來看(kàn)看(kàn)位于區(qū)域2的色彩都(dōu)有哪些特點。

區(qū)域2的顔色沒有區(qū)域1的顔色那(nà)麽濃烈、豔麗(lì)，而是更加簡潔、幹淨、明(míng)朗。通(tōng)常可(kě)以給人(rén)一(yī)種清爽、明(míng)快(kuài)的印象，并且不會過于搶眼或突出，具有樸素的氣質。同樣我們還是拿(ná)相關作(zuò)品來舉例。

這(zhè)個海(hǎi)報整體上(shàng)就是黃(huáng)色調和(hé)紫色，我們提取一(yī)些主要(yào)色相來看(kàn)看(kàn)，基本上(shàng)都(dōu)是在區(qū)域2的位置上(shàng)，在色彩上(shàng)不會給人(rén)特别強烈和(hé)鮮明(míng)的印象，反而體現出的是一(yī)種舒适、安逸、淡雅的感覺，這(zhè)種感覺有時(shí)候往往也是恰到好處的。

這(zhè)個海(hǎi)報整體上(shàng)是插畫(huà)圖像作(zuò)為(wèi)主體的形式，我們來看(kàn)看(kàn)這(zhè)裏面使用的基本色相，通(tōng)過右側的色闆可(kě)以很(hěn)明(míng)顯的看(kàn)出來，整體上(shàng)都(dōu)是在區(qū)域2的位置，給人(rén)的色彩印象就是年(nián)輕、明(míng)快(kuài)、舒适，與主題內(nèi)容的契合度也是非常高的，所以用色彩來表現畫(huà)面的風(fēng)格，通(tōng)常所産生的結果都(dōu)是很(hěn)直觀的。

這(zhè)個海(hǎi)報雖然有具體的圖片存在，但(dàn)是在文字上(shàng)使用了(le)兩種色彩，并且我們也可(kě)以吸取圖片的顔色來看(kàn)看(kàn)，整體上(shàng)都(dōu)是在區(qū)域2的位置，整體呈現出來的風(fēng)格也是偏向年(nián)輕、清爽、溫柔這(zhè)樣一(yī)個感覺。

針對于畫(huà)面中有圖片的情況，很(hěn)多人(rén)在配色的時(shí)候就會比較苦惱，因為(wèi)有圖片的存在，在色彩上(shàng)可(kě)能(néng)就不會完全位于某一(yī)個區(qū)域。這(zhè)個大家不用過于糾結，這(zhè)種情況下(xià)我們隻看(kàn)圖片的整體色調就可(kě)以，也就是說看(kàn)圖片的大部分色彩位于什麽位置，我們就可(kě)以判定這(zhè)個圖片屬于哪類顔色，而配色上(shàng)也應該盡量考慮到圖片的色彩，讓整體版面的色彩能(néng)夠協調統一(yī)，當然也可(kě)以做(zuò)一(yī)些适當的對比。

我們接着來看(kàn)看(kàn)數(shù)字3的區(qū)域，這(zhè)個區(qū)域的顔色，雖然純度還比較偏高，但(dàn)是明(míng)度已經很(hěn)低(dī)了(le)，整體上(shàng)也就是偏暗的顔色，這(zhè)個區(qū)間(jiān)的顔色給人(rén)的色彩印象就是強力、商務、有格調，在一(yī)些傳統和(hé)古典相關的設計中經常用到。

這(zhè)個海(hǎi)報在內(nèi)容上(shàng)很(hěn)簡單并不複雜(zá)，色彩使用上(shàng)同樣如(rú)此，除了(le)文字的白色就是背景的藍(lán)色和(hé)圖形的紅(hóng)色，而這(zhè)兩個顔色在色闆中的位置都(dōu)位于區(qū)域3中，給人(rén)的感覺就是比較有深度和(hé)格調，并且還帶有一(yī)些傳統和(hé)古典的韻味。

當然這(zhè)個區(qū)間(jiān)的顔色并非隻能(néng)用在傳統和(hé)古典的內(nèi)容上(shàng)，比如(rú)這(zhè)個活動海(hǎi)報使用的就是紅(hóng)藍(lán)對比色，也是比較常見(jiàn)的一(yī)種配色形式，雖然具有漸變，最頂部的顔色可(kě)能(néng)并非位于3的區(qū)域，但(dàn)是整體來看(kàn)還是屬于區(qū)域3的配色，相比于區(qū)域1的顔色這(zhè)個區(qū)間(jiān)的紅(hóng)藍(lán)刺激性沒那(nà)麽強，給人(rén)更多的感受就是強力和(hé)力量感，很(hěn)好的烘托了(le)運動的主題。

這(zhè)個海(hǎi)報就是利用了(le)色彩來營造畫(huà)面的空間(jiān)感，整體上(shàng)都(dōu)是藍(lán)色，純度和(hé)明(míng)度略有不同，但(dàn)是整體上(shàng)仍然是在3的區(qū)域內(nèi)，給人(rén)的感覺就是深邃和(hé)深度，再結合藍(lán)色的色相很(hěn)好的體現出了(le)主題夜的氛圍。

關于色彩的屬性或氣質的問(wèn)題，在我們之前的文章(zhāng)中也不止一(yī)次提到過了(le)。其實這(zhè)種對色彩氣質或屬性的劃分就是一(yī)個規律，它不是絕對的，所以一(yī)定要(yào)靈活的運用。而且我認為(wèi)這(zhè)種東西(xī)也不需要(yào)去死記硬背，就是一(yī)種感覺，根據你的設計內(nèi)容去應用就可(kě)以，并且通(tōng)常情況下(xià)，色彩所具有的屬性或風(fēng)格有很(hěn)多，在具體的使用上(shàng)往往隻取其中的一(yī)兩個點，要(yào)有所側重的體現，而并非是要(yào)把所有的關鍵詞都(dōu)在一(yī)個作(zuò)品中體現出來。

我們再來看(kàn)看(kàn)區(qū)域4，區(qū)域4的色彩基本上(shàng)純度和(hé)明(míng)度都(dōu)偏低(dī)，也就是偏黑(hēi)色和(hé)灰色調，所以産生的色彩印象就是孤獨、閉鎖、成熟，還帶有一(yī)絲神秘，配合相應的色相也可(kě)以體現高雅和(hé)雅緻。

這(zhè)個海(hǎi)報背景是一(yī)個插畫(huà)圖形，雖然在色相上(shàng)整體都(dōu)是黃(huáng)色調，但(dàn)是在色闆上(shàng)都(dōu)位于區(qū)域4之內(nèi)，也就是純度和(hé)明(míng)度都(dōu)偏低(dī)，因此色彩的傾向性也就沒那(nà)麽明(míng)顯了(le)，整體呈現出來的風(fēng)格更多的就是雅緻和(hé)穩重，沒有什麽強烈的色彩特征，而上(shàng)方的文字使用了(le)較亮的黃(huáng)色，與背景整體色調又形成了(le)對比。

這(zhè)個海(hǎi)報整體上(shàng)就是以紫紅(hóng)色和(hé)綠(lǜ)色為(wèi)主，雖然也有個别較亮的顔色，但(dàn)是大部分都(dōu)還是位于區(qū)域4的位置，給人(rén)的感覺就是比較深沉、內(nèi)斂。

這(zhè)個海(hǎi)報看(kàn)上(shàng)去給人(rén)的感覺就是比較壓抑、莊重，主要(yào)就是色彩的原因，整體上(shàng)都(dōu)是區(qū)域4的顔色，這(zhè)裏的文字也并非是純黑(hēi)色，也帶有少(shǎo)量色彩傾向的顔色。

通(tōng)過這(zhè)些相關案例其實我們不難發現，即使我們不去看(kàn)一(yī)個作(zuò)品的文字內(nèi)容，也可(kě)以通(tōng)過色彩來大緻的感受到作(zuò)品的風(fēng)格和(hé)想表現的氣質，這(zhè)就是色彩的神奇之處。并且在我們進行(xíng)具體配色的時(shí)候，如(rú)果你事先根據你的設計內(nèi)容和(hé)風(fēng)格選定好了(le)一(yī)個色彩區(qū)間(jiān)，也并不是說你之後的所有配色都(dōu)必須一(yī)定要(yào)在這(zhè)個範圍之內(nèi)，在适當的情況下(xià)也可(kě)以進行(xíng)一(yī)些變化。比如(rú)個别顔色也可(kě)以選擇其他(tā)區(qū)域的顔色，但(dàn)是整體的基調不能(néng)有太大的變動，因為(wèi)這(zhè)會影響畫(huà)面整體的色彩氛圍和(hé)風(fēng)格。

最後我們用一(yī)個案例來演示一(yī)下(xià)，這(zhè)裏我們設計一(yī)個關于耳機的網頁首屏。首先将相關圖片去底放到版面的右側，接着将主标題編排到人(rén)物(wù)左側的位置，然後在主标題下(xià)方編排副标題以及價格信息和(hé)詳情按鈕，最後将 LOGO 以及其他(tā)網頁組件編排到版面的上(shàng)方，那(nà)麽這(zhè)個版面的大緻構圖和(hé)形式就差不多了(le)。接下(xià)來編排其他(tā)信息，因為(wèi)現在這(zhè)個頁面并沒有太适合編排文字的地(dì)方了(le)，所以我們就在底部采用色塊的形式。

暫且先用灰色塊來填充，然後在色塊中編排文字內(nèi)容，但(dàn)是我們看(kàn)添加色塊之後，人(rén)物(wù)圖片以及左側文字的位置和(hé)大小上(shàng)就顯得不是很(hěn)好了(le)，所以我們需要(yào)對人(rén)物(wù)圖片和(hé)文字的位置進行(xíng)簡單的調整。

那(nà)麽這(zhè)個頁面的版式部分就完成了(le)，接下(xià)來我們開(kāi)始配色，而配色一(yī)定是要(yào)根據內(nèi)容和(hé)風(fēng)格來定的。

這(zhè)裏我們就根據文字內(nèi)容來提取，大緻上(shàng)可(kě)以得出這(zhè)個耳機産品應該是貼近年(nián)輕的消費(fèi)群體，所以在色彩上(shàng)應該體現出的是年(nián)輕時(shí)尚這(zhè)樣一(yī)個感覺，那(nà)我們回到這(zhè)個界面。

來看(kàn)一(yī)下(xià)位于哪個區(qū)域的色彩更加符合我們這(zhè)個設計內(nèi)容，綜合考慮來看(kàn)，顯然位于區(qū)域1的顔色更加适合，所以我們就在這(zhè)個範圍內(nèi)配色。

首先就是填充背景色，因為(wèi)背景色面積最大，也就是畫(huà)面中的主色，所以這(zhè)裏我們填充能(néng)夠體現年(nián)輕的青色，然後依次填充下(xià)方的色塊，在具體的色相上(shàng)并沒有太嚴格的限制，隻要(yào)保持在區(qū)域1的範圍內(nèi)就可(kě)以。

至于文字的顔色，這(zhè)裏并不建議(yì)填充有彩色，否則會造成畫(huà)面色彩過多，顯得很(hěn)混亂，所以文字色使用無彩色最好。

如(rú)果覺得黑(hēi)色有些壓抑的話，你也可(kě)以填充白色。

最後詳情按鈕我們也可(kě)以填充一(yī)個下(xià)方的顔色，比如(rú)填充紫色，這(zhè)樣就會有一(yī)個很(hěn)好的呼應，那(nà)麽這(zhè)個案例就完成了(le)。

而這(zhè)裏其他(tā)3個區(qū)域的配色效果我們也嘗試了(le)，顯然跟我們的主題內(nèi)容是不相符的，針對于這(zhè)個設計內(nèi)容和(hé)頁面來說，區(qū)域1內(nèi)的配色要(yào)更加适合一(yī)些。

總結

本期教程到這(zhè)裏就結束了(le)，我們主要(yào)講解了(le)四分法在我們設計配色中的應用，也就是将軟件中的色闆平均分成四分，各自(zì)說明(míng)了(le)每一(yī)個區(qū)域內(nèi)的色彩具有什麽樣的氣質和(hé)屬性，可(kě)以說這(zhè)個方法操作(zuò)上(shàng)并沒有什麽難度，非常适合新手或者配色能(néng)力比較薄弱的同學。最後還是要(yào)強調一(yī)點，就是這(zhè)個十字形配色法也隻是衆多配色思路中的其中一(yī)種，在設計配色時(shí)具體該選擇哪個區(qū)間(jiān)的顔色，一(yī)定是綜合考慮設計內(nèi)容和(hé)風(fēng)格之後的結果，因為(wèi)色彩本身并沒有好壞之分，關鍵是要(yào)看(kàn)你怎麽用，希望大家能(néng)夠明(míng)白這(zhè)個道(dào)理。