
這一期是版式三部曲的最后一篇內(nèi)容了,這次打算跟大家簡(jiǎn)單聊一聊配色的問(wèn)題。
往期回顧:
如果說(shuō)構(gòu)圖相當(dāng)于骨架,文字相當(dāng)于五官,那配色就相當(dāng)于是在臉上畫(huà)一個(gè)精致的妝容。因?yàn)榕渖钦麄€(gè)編排流程中的最后一步,通常我們都是在搭建完骨架,刻畫(huà)好文字后,才會(huì)考慮配色的問(wèn)題。一個(gè)好的配色,會(huì)讓版面的視覺(jué)效果更上一層樓,最終成品的完整度也會(huì)更高,那下面我們就開(kāi)始今天的內(nèi)容。

一個(gè)版面是由背景、文字、圖片或圖形組成的,它們都是色彩的載體,對(duì)于它們中的任何一個(gè)我們都可以做上色處理。

今天主要來(lái)講講背景與文字之間的配色問(wèn)題。為什么只講前兩個(gè),而不講圖片或圖形呢?因?yàn)槲覀冇嗛喬?hào)出的大部分色彩教程,都涵蓋了這三者,對(duì)色彩感興趣的可以去看一看。

首先我們來(lái)說(shuō)說(shuō)文字,色彩作用在文字上的方式就是 “ 換色 ”,對(duì)于這種操作門(mén)檻幾乎為零的手法,很多人往往都會(huì)忽略它的重要性。我們不妨問(wèn)自己一個(gè)問(wèn)題,我真的掌握了換色的技巧么?還是說(shuō)我只是會(huì)在軟件上操作這個(gè)步驟而已。真正的難點(diǎn)在于如何去運(yùn)用它,而不僅僅是我會(huì)操作就可以了。

我們都知道,信息需要被劃分出層次才能更好的傳播。從重要程度來(lái)分可以劃分出主要內(nèi)容、次要內(nèi)容與說(shuō)明性的文字,這些信息應(yīng)用到畫(huà)面中最常見(jiàn)的表現(xiàn)形式就是主標(biāo)題、副標(biāo)題與段落文字。

而文字的這三種表現(xiàn)形式都在換色的應(yīng)用范圍內(nèi)。

所以,千萬(wàn)不要因?yàn)楹?jiǎn)單就小瞧了換色這個(gè)技巧,它是使用頻率最高的一個(gè)手法,可以說(shuō)是基本中的基本。


我們看上方的這幾個(gè)版面,都是處在無(wú)彩色狀態(tài)下,給人的感覺(jué)略顯沉悶。當(dāng)給部分文字換上色彩后,版面給人的感覺(jué)立馬就不一樣了,這也是換色的一個(gè)功能之一,它能提升版面整體的視覺(jué)效果。

給文字換色除了能夠豐富版面的視覺(jué)效果以外,還具有創(chuàng)造視覺(jué)焦點(diǎn)的作用。

這個(gè)原理也很簡(jiǎn)單,我們拿一張白紙來(lái)舉例,當(dāng)我們看到這張不包含任何元素的畫(huà)面時(shí),因?yàn)橐暰€找不到落腳點(diǎn),自然就會(huì)四處亂看。

當(dāng)我們?cè)诋?huà)面中心添加一個(gè)紅色的圓點(diǎn)后,情況就變得不一樣了。版面中心的紅色圓點(diǎn)展現(xiàn)出了極強(qiáng)的吸引目光的作用。

即使這個(gè)紅點(diǎn)的位置跑到視覺(jué)優(yōu)先級(jí)沒(méi)那么高的角落,我們的視線也依然會(huì)被牢牢鎖定在那里。

換成文字也是一樣的,畫(huà)面中眾多的文字共同組成了一個(gè)很大的視覺(jué)面積,在這個(gè)面積中所有的文字都非常和諧的拼湊在一起。我們的視覺(jué)路徑會(huì)首先發(fā)現(xiàn)版面中的這塊偏灰黑的視覺(jué)面積。

然后從文本的左上角向右下角逐字閱讀。如果字?jǐn)?shù)再多一點(diǎn)的話,可能就沒(méi)有興趣看下去了,這就讓傳播的效率大打折扣。那么我們?cè)撛鯓犹嵘@個(gè)畫(huà)面的傳播效率呢?

當(dāng)我們將關(guān)鍵詞替換成另一種顏色之后,情況就變得不一樣了,因?yàn)樯逝c面積的關(guān)系,人們首先會(huì)看到最醒目的紅色文字。

接著心里就會(huì)產(chǎn)生“這很有趣”或者“這是什么意思”的疑問(wèn)。當(dāng)視線被焦點(diǎn)所吸引之后,受眾自然會(huì)在文字中尋找答案,順便就看完了所有的信息。

△ Design by 27AGE
我們來(lái)看這個(gè)畫(huà)面,相信你一定知道視覺(jué)焦點(diǎn)在哪里了吧。左下角黑色的英文無(wú)論從面積還是色彩上判斷,它都是最特殊的一個(gè)。

這個(gè)版面,相對(duì)于文字來(lái)說(shuō)人們第一眼看到的一定是圖像元素,而在右側(cè)的文字組中,這個(gè)最大的數(shù)字9就是視覺(jué)的第二個(gè)落腳點(diǎn)。對(duì)于這種圖像做為主體的版面來(lái)說(shuō),視線被圖像吸引后還是要落到需要傳播的文字信息上的,所以為文字信息創(chuàng)造視覺(jué)焦點(diǎn)是非常有必要的。

這個(gè)畫(huà)面與上一個(gè)的不同之處在于,它的文字呈現(xiàn)出了主導(dǎo)地位,而圖像元素的視覺(jué)面積被弱化了,因此受眾有很大概率會(huì)先看文字再看圖片。那么從內(nèi)容上來(lái)說(shuō)這個(gè)畫(huà)面的視覺(jué)焦點(diǎn)在什么位置呢?下面我們來(lái)分析一下。

從這個(gè)版面中的色彩來(lái)看,紅色顯然是最吸引眼球的,這里最主要的原因是大面積的綠色與紅色之間是對(duì)比關(guān)系。

在這種前提下元素的位置又靠近版面的中心,這就更增強(qiáng)了它的醒目程度。所以這個(gè)版面中的視覺(jué)焦點(diǎn)妥妥的就是那個(gè)紅色的大英文了。

既然已經(jīng)分析到了這一步,那么接下來(lái)我們來(lái)討論一下,該怎樣判斷色彩間的主次關(guān)系。

在只有黑白的色彩搭配中,與背景反差大的色彩就是被強(qiáng)調(diào)的那個(gè)。比如在黑色的背景下色彩明度越高越顯眼。

當(dāng)黑白與彩色搭配時(shí),一般情況下是帶有顏色的會(huì)更突出,當(dāng)然前提是色彩面積更小的那個(gè)是被強(qiáng)調(diào)的元素。但也有例外,我們回到之前的那個(gè)案例上。

可能你會(huì)問(wèn)“不是說(shuō)畫(huà)面中面積最小的色彩才是被強(qiáng)調(diào)的那個(gè)嗎?” 遇到這種版面我們就需要綜合判斷了,白色雖然是這個(gè)版面中面積最小的色彩,但由于它在明度上與背景色比較接近,所以真正被強(qiáng)調(diào)的信息應(yīng)該是與背景反差很大的紅色文字。這和剛剛說(shuō)的只有黑白的色彩搭配中,明度與背景反差大的才是被強(qiáng)調(diào)的是一樣的道理。

回過(guò)頭來(lái),我們?cè)倏串?dāng)兩種色彩在視覺(jué)面積上差不多時(shí),又應(yīng)該如何判斷呢?這種情況下我們只要找在觀感上最顯眼的那個(gè)就對(duì)啦。

看到這相信大家對(duì)于換色的功能與作用都已經(jīng)有了一些了解,使用換色這個(gè)技巧,既能提升版面整體的視覺(jué)效果,也能標(biāo)記一些你想要強(qiáng)調(diào)的信息,從而為版面創(chuàng)造視覺(jué)焦點(diǎn)。那接下來(lái)我就通過(guò)案例演示的方式,給大家實(shí)際操作一下。

在一個(gè)橫版的尺寸上進(jìn)行編排時(shí),左右結(jié)構(gòu)無(wú)疑是最舒適與最穩(wěn)定的,確定好構(gòu)圖后,在排版時(shí)將文字排在左邊,把圖片放置在右邊能夠貼合正常的閱讀順序,先看文字在看圖片,當(dāng)然也可以把圖片放在左邊,只是說(shuō)文字在左邊比較常用而已。

接著刻畫(huà)主體,在產(chǎn)品圖片的后方疊加文字,做一個(gè)圖疊字的效果。一般來(lái)說(shuō)被疊壓的文字都是與圖片有關(guān)系的,比如在這個(gè)案例中,我疊的就是這個(gè)產(chǎn)品的型號(hào)。

說(shuō)到疊壓,被壓住的文字識(shí)別性肯定是會(huì)受到影響的,這時(shí)有一個(gè)判斷的標(biāo)準(zhǔn)就是,如果被壓住的文字還能識(shí)別的話,那就沒(méi)問(wèn)題,如果不能識(shí)別,我們可以在產(chǎn)品的上方覆蓋一層被疊壓文字的描邊。

接著修改一下被疊壓文字的色彩,之前的黑色看著偏重,會(huì)影響到版面的平衡,完成這一步后,在下方填充一個(gè)與疊壓文字一樣色彩的色塊,進(jìn)一步強(qiáng)化版面的平衡感。

挑選重要信息換上色彩,在這里我選擇了將標(biāo)題信息進(jìn)行換色處理,在只有黑白灰的版面中加入有彩色,那么它無(wú)疑就是最吸引眼球的。

除了標(biāo)題以外,我們還可以選擇強(qiáng)調(diào)賣(mài)點(diǎn),著重突出一下它。

或者是同時(shí)強(qiáng)調(diào)標(biāo)題與活動(dòng)價(jià)格,這樣受眾在觀看版面時(shí),就能以最快的速度獲取版面中最重要的信息了。

反之,也可以強(qiáng)調(diào)賣(mài)點(diǎn)與產(chǎn)品參數(shù)。

在換色時(shí)最忌諱這種情況,什么都想強(qiáng)調(diào),這導(dǎo)致的結(jié)果就是那些沒(méi)換色的文字反客為主了。

值得一提的是,所有文字都換色的例子也是有的,比如這種海報(bào),它換色的目的就不在是為了突出某一個(gè)信息了,而是為了節(jié)奏感考慮的,通常以雙色或多色出現(xiàn)。

除了之前給大家舉的那些例子以外,換色在標(biāo)識(shí)中也是較為常用的手法,它與版面編排中的應(yīng)用邏輯基本是一致的。設(shè)想一下如果我們把色彩去掉會(huì)是什么樣呢?

采用單色的處理形式雖然并不會(huì)破壞標(biāo)志本身的形式美感,但也缺少了變化性與視覺(jué)表現(xiàn)力。

比如對(duì)于優(yōu)酷這種已經(jīng)形成了固定印象的標(biāo)志來(lái)說(shuō),突然變成單色甚至?xí)绊懙侥銓?duì)這個(gè)標(biāo)志的識(shí)別。所以,對(duì)于標(biāo)志設(shè)計(jì)而言,換色不僅起到了裝飾與突出強(qiáng)調(diào)的作用,同時(shí)也是我們對(duì)標(biāo)志的一個(gè)記憶點(diǎn)。
本期內(nèi)容的前半部分講了文字換色的應(yīng)用場(chǎng)景與其背后的邏輯,那么接下來(lái)我們來(lái)講講與色彩有關(guān)的部分,以及背景色與文字色之間的關(guān)系,看一看它們?cè)谏蚀钆渖隙加心男┬枰⒁獾牡胤健?/p>

色彩可以用三種屬性進(jìn)行描述,也就是我們常說(shuō)的色相、純度(也稱(chēng)飽和度、彩度)和明度。

色相大家都知道,指的就是色彩的相貌,通常情況下,色相以色彩的名稱(chēng)來(lái)體現(xiàn),如基本色相:紅、橙、黃、綠、青、藍(lán)、紫。

純度指的是色彩的鮮艷程度,也叫彩度、飽和度、鮮艷度。純度最高的色彩就是原色。以這個(gè)純度變化的色相環(huán)為例,純度最高是這個(gè)紅色,以它為起點(diǎn)順時(shí)針旋轉(zhuǎn)代表的就是這個(gè)色彩的一個(gè)純度變化,純度越低色彩越淡,直至失去色相變?yōu)闊o(wú)彩色。

明度指的是色彩的明亮程度,通常用高低來(lái)表示。以這個(gè)明度變化的色相環(huán)為例,從最下方的白色起,逆時(shí)針旋轉(zhuǎn)模擬的就是明度從高到低的一個(gè)變化過(guò)程。

不同色相之間也存在著明度的變化,在有彩色中明度最高的是黃色,僅次于白色,明度最低的是紫色,與黑色接近。此外,紅色、橙色、藍(lán)色、綠色,它們的明度值是相近的。

色彩的三個(gè)要素我們已經(jīng)大概了解了。雖然色彩的搭配通常需要針對(duì)不同項(xiàng)目做出變化,但也有一些組合到一起效果不好的情況需要注意。

在開(kāi)始演示前,先跟大家說(shuō)明一下,當(dāng)涉及到色彩參數(shù)的修改時(shí),我用的是HSB模式,其中“H”對(duì)應(yīng)的是色相,“S”對(duì)應(yīng)的是純度,“B”對(duì)應(yīng)的是明度。在接下來(lái)的調(diào)整當(dāng)中,每一個(gè)顏色的色相我基本不會(huì)改動(dòng),所以在標(biāo)注色彩的色相、純度與明度時(shí),我只會(huì)給出純度與明度的數(shù)值。下面我們就來(lái)說(shuō)一下色彩搭配時(shí)要注意的問(wèn)題。

第一點(diǎn)要注意的是:在有彩色背景上為文字添加色彩,切記不要選擇那些與背景過(guò)于接近的顏色,因?yàn)檫@樣會(huì)嚴(yán)重影響到文字的識(shí)別,看起來(lái)非常累。

第二點(diǎn)要注意的是:在有彩色背景上為文字添加色彩時(shí),不要選擇與背景色明度差異較小的色彩。在這幾個(gè)例子中,所搭配的色彩在色相明度上相差不大,文字雖然可以被識(shí)別,但是閱讀起來(lái)還是很費(fèi)力的。
針對(duì)這個(gè)問(wèn)題,第一個(gè)解決方案就是:在當(dāng)前配色的基礎(chǔ)上去修改背景或文字的色彩明度。

這是修改后的效果,可以看出相較于之前文字的識(shí)別性有了很大的提高。用黑色標(biāo)注過(guò)的地方,是被修改過(guò)后的色彩數(shù)值,其中有些色彩修改的并不是明度而是純度,因?yàn)槿缂t藍(lán)兩色它們?cè)诿鞫葦?shù)值為100時(shí)看上去就是偏暗的,如果降低它們的明度數(shù)值只會(huì)讓這個(gè)色彩越來(lái)越暗,所以這時(shí)要去修改它們的純度數(shù)值,讓純度再低一些。

第二個(gè)解決方案是:在不改變背景色與文字色明度或純度的基礎(chǔ)上,選擇色相差異較大的色彩重新組合,總之要想保證良好的識(shí)別度,要么背景偏亮文字偏暗,要么背景偏暗文字偏亮。

我們來(lái)看這張海報(bào),它的文字和圖形填充的就是一個(gè)偏暗的藍(lán)色,而背景色則是較亮粉色。

這張海報(bào)與上一個(gè)不同,它是文字用的較亮的黃色,背景使用較暗的藍(lán)色。

第三點(diǎn)需要注意的是:在有彩色背景上為文字添加色彩時(shí),不易選擇與背景色對(duì)比過(guò)于強(qiáng)烈的色彩,特別是在運(yùn)用對(duì)比色與互補(bǔ)色時(shí)要尤為注意,因?yàn)檫@種搭配過(guò)于刺眼。而且,文字邊緣會(huì)出現(xiàn)黑色的暈影,這時(shí)就需要修改背景色與文字色雙方或其中一方的明度與飽和度。

這是修改文字色的純度和明度后的效果,相較于之前會(huì)發(fā)現(xiàn)文字邊緣的黑色光暈消失了。不過(guò),因?yàn)檫€存在純色,所以某些色彩看起來(lái)還是會(huì)有不適感。

跟單獨(dú)修改一方的色調(diào)相比,一起修改后的效果會(huì)更好一些。所以在使用色彩時(shí),我也建議大家適當(dāng)?shù)膲阂粔荷实募兌龋@樣給人的感覺(jué)會(huì)更加的柔和不刺激。

我們來(lái)看這張海報(bào),提取它的文字色與背景色后會(huì)發(fā)現(xiàn),文字色雖然使用了純色,但是背景色有稍微降低明度。海報(bào)右側(cè)的兩個(gè)小方形表示的是,文字色與背景色都使用純色時(shí)的樣子。

這張海報(bào)跟上一個(gè)不同的是,它的文字色與背景色都有調(diào)整明度與純度。之前也講過(guò)了在運(yùn)用對(duì)比色或互補(bǔ)色時(shí),想要搭配起來(lái)柔和一些的話最好是一起調(diào)整。

在有彩色的背景上為文字添加色彩時(shí),不要選擇與背景色過(guò)于接近的顏色,也不要選擇與背景色明度差異太小的顏色。更要記住的一點(diǎn)是,所選的文字色不要與背景色出現(xiàn)太過(guò)強(qiáng)烈的對(duì)比,只要記住這三點(diǎn),我們?cè)谔幚肀尘吧c文字色時(shí)就會(huì)更加的游刃有余。最后,就通過(guò)案例演示的方式來(lái)為大家總結(jié)一下前面所講到的所有知識(shí)點(diǎn)。

首先,將標(biāo)題信息置入到版面的上方,然后在版面的下方置入活動(dòng)時(shí)間與活動(dòng)地點(diǎn)等信息。

整個(gè)版面的構(gòu)圖方式為:上中下型,其中有一個(gè)重要的知識(shí)點(diǎn)就是,留白也是面積。在這個(gè)版面中留白的區(qū)域就是我用紅色的色塊標(biāo)注出來(lái)的區(qū)域

因?yàn)檫@是一個(gè)純文字的版面,在沒(méi)有圖片或是圖形的介入下,視覺(jué)表現(xiàn)力難免會(huì)有些不盡人意。為了打破現(xiàn)有的呆板印象,就需要在此基礎(chǔ)上去作出些節(jié)奏變化,比如改變文字的位置,做一個(gè)左右左右的穿插。

這樣受眾在觀看海報(bào)時(shí),視線的來(lái)回移動(dòng)也會(huì)比單純的重復(fù)一個(gè)視覺(jué)動(dòng)勢(shì)要好的多。

滿足了閱讀上的節(jié)奏感后,在只有大字號(hào)與中等字號(hào)的版面中,置入些小字號(hào)的文字與裝飾元素,用于進(jìn)一步的豐富版面的視覺(jué)效果。

接著,將活動(dòng)內(nèi)容置入到版面中,大家可以發(fā)現(xiàn)我在活動(dòng)內(nèi)容的下方疊加了一個(gè)色塊,因?yàn)榛顒?dòng)內(nèi)容本身的字號(hào)并不大,通過(guò)在其下方疊加色塊的手法,可以進(jìn)一步增加活動(dòng)內(nèi)容本身在版面上的面積,以達(dá)到醒目的作用。

這些是運(yùn)用了相似手法的海報(bào)例子。

最后,為做一個(gè)對(duì)角上的呼應(yīng),分別在這幾個(gè)位置放置運(yùn)用相同手法的元素,到此這張海報(bào)的編排部分就完成了。接下來(lái)要做的就是給背景與文字搭配顏色。

在考慮配色時(shí),我曾試過(guò)隨機(jī)抽取兩個(gè)色彩,以聽(tīng)天由命的方式碰碰運(yùn)氣,這是隨機(jī)抽取后的色彩,下面以這組配色為例來(lái)看看效果。

在給文字與背景上色前,需要注意的是從色相環(huán)中選取的色彩都是純色,按照之前給大家講的,不建議用太純的色彩,所以針對(duì)這兩個(gè)顏色我都做了些處理,分別調(diào)整了它們的明度與純度。

調(diào)整完純度與明度后,在上色時(shí)建議大家將偏暗的色彩填充在背景上,偏亮的色彩填充在文字上。因?yàn)楸尘暗拿娣e較大,填充亮色看久了會(huì)有些刺眼,當(dāng)然這只是從單一角度考慮所提出的建議,當(dāng)然給背景填充亮色的優(yōu)秀案例也有很多。

先將背景色給填充上,然后根據(jù)之前講過(guò)的,為了識(shí)別性考慮要拉開(kāi)文字色與背景色的明度差,所以文字需要反白處理,完成這一步后接下來(lái)要做的就是,挑選重要的信息換上綠色。

在這里,我挑選了標(biāo)題與折扣信息進(jìn)行換色,這樣受眾在看到海報(bào)的第一眼就會(huì)明白,我要說(shuō)的是什么事了。

最后,為了讓整個(gè)版面看上去再和諧一些,需要把黑色塊換成綠色,色塊上的文字信息填充紫色,到此上色的工作就完成了。對(duì)于我個(gè)人而言,紫綠的搭配還不錯(cuò),不過(guò)這種隨機(jī)選擇色相的配色方式還是不可取的,效果的好壞難以把控。

為了避免配色時(shí)陷入迷茫的狀態(tài),在配色前針對(duì)設(shè)計(jì)項(xiàng)目的類(lèi)型,我們可以做一下分析,看看別人的色彩都是怎么搭配的。

先來(lái)看促銷(xiāo)中會(huì)用到的第一種配色方式:紅配藍(lán)。紅藍(lán)大家都知道,是一組對(duì)比色。

在色相環(huán)中相距120°左右的兩個(gè)顏色都是對(duì)比色,如果有把控不好角度的,可以在色相環(huán)的中間畫(huà)一個(gè)三角形,這個(gè)三角形的角對(duì)應(yīng)的就是對(duì)比色的色相,想要更換不同的對(duì)比色時(shí),只需旋轉(zhuǎn)這個(gè)三角形即可。

左側(cè)的一組紅藍(lán)是從之前的那個(gè)例子中提取出來(lái)的,右側(cè)的是將它們的明度與純度恢復(fù)原樣后的樣子,我們會(huì)發(fā)現(xiàn)其中的藍(lán)色跟色相環(huán)中的藍(lán)色還不一樣。

這個(gè)色彩偏淡與色相環(huán)中的靛色很像。之所以要講這個(gè),是因?yàn)橐蠹艺f(shuō)明一個(gè)觀點(diǎn),就是除了某些特殊情況外,我們?cè)谶x色時(shí)都不用那么死板。

以藍(lán)色為例,位于這個(gè)區(qū)間的色相與紅色都可以算做是對(duì)比色,因?yàn)檫@個(gè)區(qū)間的顏色基本都是屬于同一類(lèi)的色彩。

這是我調(diào)整后的紅藍(lán)搭配,藍(lán)色用在背景上,紅色用在文字上,其中藍(lán)色降低了明度,紅色降低了純度。大家仔細(xì)看圖中的綠色小三角形,所有調(diào)整參數(shù)的地方,我都會(huì)用它標(biāo)明。

這是應(yīng)用后的效果。

這是紅色與藍(lán)色在其它海報(bào)中的應(yīng)用例子,講完了促銷(xiāo)中會(huì)用到的第一種配色后,下面我們來(lái)看看第二種。

黃配綠,不知道大家對(duì)這組配色有沒(méi)有什么印象,我個(gè)人是看到黃色配綠色就會(huì)聯(lián)想到雪碧。

在色相環(huán)中黃色與綠色是一組鄰近色,而鄰近色指的就是在色相環(huán)上相距60°左右的兩個(gè)顏色,想要定位其他的鄰近色可以在色相環(huán)中畫(huà)一個(gè)六邊形,這個(gè)六邊形的每?jī)蓚€(gè)頂點(diǎn)對(duì)應(yīng)的都是一組鄰近色。

這是我調(diào)整后的黃綠搭配,沿用的還是我個(gè)人的一個(gè)配色習(xí)慣,偏暗的色彩填充背景、偏亮的色彩填充文字,其中偏暗的綠色降低了純度與明度,偏亮的黃色純度明度不變。

應(yīng)用后的效果是這樣的。

這是黃色與綠色在其它海報(bào)中應(yīng)用的例子。下面我們來(lái)看看第三種促銷(xiāo)中會(huì)用到的配色是什么。

看到這兩個(gè)色彩,我相信大多數(shù)人的第一反應(yīng)是紅配綠,然而真的是這樣么?

從上面的圖片中,選取一個(gè)綠色。左側(cè)的是提純前,右側(cè)的是提純后,提純后的這個(gè)色彩與色相環(huán)中的青色非常接近,也就是說(shuō)這并不是紅配綠,而是紅配青。

在色相環(huán)中,紅色與青色是一組相距180°的色彩,它們是一組互補(bǔ)色,而與紅色順時(shí)針相距120°的色彩才是綠色。

這是我調(diào)整后的紅青搭配,因?yàn)榍嗌緛?lái)就非常亮,所以我在調(diào)整時(shí)更多的是選擇去降低它的明度,而紅色的明度不變只改純度,這樣就能夠拉開(kāi)明度差。

應(yīng)用效果是這樣的。

這是紅色與青色在其它的海報(bào)中應(yīng)用的例子,下面我們來(lái)看看第四種促銷(xiāo)中會(huì)用到的配色。

紅配黃,一組非常搶眼的配色,因?yàn)槎际桥年P(guān)系,給人的感覺(jué)會(huì)偏熱鬧一些。

它們?cè)谏喹h(huán)中也是相距60°左右的一組鄰近色,至于判斷的方式也是建議大家用六邊形,哪兩組色彩是鄰近關(guān)系一目了然。

這是我調(diào)整后的紅黃搭配,大家會(huì)發(fā)現(xiàn)針對(duì)純度與明度,我?guī)缀鯖](méi)有做太大的調(diào)整,這樣做的目的也是為了保證紅色與黃色的搶眼特性。

應(yīng)用后的效果是這樣的,果然兩個(gè)純色搭配在一起絕對(duì)是刺激的,但是看起來(lái)并沒(méi)有特別難受。如果有些人覺(jué)得刺激性太強(qiáng)的話,再降低一些純度與明度也是可以的。

這是紅色與黃色在其它的海報(bào)中應(yīng)用的例子。下面我們來(lái)看最后一種促銷(xiāo)中會(huì)用到什么配色。

黃配藍(lán),給我的感覺(jué)是一組非常清涼的配色。

在色相環(huán)中它們相距了180°,也就是說(shuō)黃藍(lán)也是一組互補(bǔ)色,而且上面那個(gè)例子中的“藍(lán)”也是更偏向靛色的。

這是我調(diào)整后的黃藍(lán)搭配,黃色依舊是沒(méi)有進(jìn)行調(diào)整,而藍(lán)色則是降低了些明度,因?yàn)槲覀€(gè)人覺(jué)得這樣搭配后的效果比較好。其次就是如果你不降低這個(gè)藍(lán)色的明度也行,因?yàn)樗{(lán)色的色相明度本身就比黃色低,在明度差已經(jīng)拉開(kāi)的基礎(chǔ)上,再調(diào)整色彩參數(shù)無(wú)非就是個(gè)人喜好的問(wèn)題了。

應(yīng)用后的效果是這樣的。

這是黃色與藍(lán)色在別的海報(bào)中應(yīng)用的例子。

以上這些是我今天為大家演示的所有配色。關(guān)于促銷(xiāo)中會(huì)用到的配色選擇還不只這些,今天為大家展示的只是我挑選的一部分而已,如果有需要的可以用來(lái)參考。
版式三部曲的最后一篇到這就正式完結(jié)了,這篇文章的目的并不是為了讓大家去記憶某些色彩的樣式或參數(shù),而是學(xué)會(huì)為文字與背景配色,并根據(jù)自己的喜好或項(xiàng)目的類(lèi)型,自由調(diào)整明度與純度。因?yàn)槊總€(gè)人喜歡的色彩都不同,對(duì)色彩的鮮艷程度的接受范圍也不一樣,喜歡淡雅的可以降低純度,喜歡深沉的可以降低明度,重要的是記住今天所講的配色規(guī)則。這一期要說(shuō)的就是這么多,我們下期再見(jiàn)。
歡迎關(guān)注研習(xí)設(shè)的微信公眾號(hào):「Yanxishe2017」

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。




發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
MJ+SD智能設(shè)計(jì)
已累計(jì)誕生 772 位幸運(yùn)星
發(fā)表評(píng)論 為下方 6 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓