作者：研習(xí)設(shè) (ID:yanxishe2017)
在我們?cè)O(shè)計(jì)配色的過(guò)程中容易忽視一點(diǎn)就是通過(guò)色彩來(lái)強(qiáng)調(diào)主角轴猎，主角的刻畫(huà)可以對(duì)版面的優(yōu)劣起到?jīng)Q定性作用剪芍，所以在選擇完基本色之后一定要通過(guò)色彩來(lái)強(qiáng)調(diào)主體嗅钻，這樣才能達(dá)到一個(gè)良好的版面效果筹燕。本期教程就為大家講解通過(guò)色彩來(lái)強(qiáng)調(diào)主角的6種玩法偎痛。
目錄
6迫横、通過(guò)加強(qiáng)領(lǐng)地空間襯托主角
一說(shuō)到主角相信很多人就會(huì)把它跟主色聯(lián)系到一起番舆，其實(shí)主角和主色是兩個(gè)完全不同的概念，所以我們首先需要進(jìn)行一下區(qū)分矾踱。
所謂主角通常指的就是畫(huà)面中最突出的主體或者是想要突出的主體恨狈，所占的面積不一定很大但卻非常重要。而主色我們之前的文章也有講過(guò)呛讲，就是畫(huà)面中最主要的顏色禾怠，所占的面積通常都比較大。
比如這張照片贝搁，如果問(wèn)主色是什么相信大家都能答出來(lái)就是背景色吗氏。
那么主角色呢？主角色實(shí)際上就是人物的顏色雷逆，所以主色和主角是不同的概念弦讽。
如果從主色、副色膀哲、點(diǎn)綴色的角度來(lái)看坦袍，這里的主角色就是副色和點(diǎn)綴色了。為什么要明確主角呢等太？因?yàn)?a target="_blank" rel="nofollow">配色都是從最主要的色彩開(kāi)始的捂齐，無(wú)論是主色還是主角都是如此，配色之前先確定主角的位置缩抡，后面的配色才會(huì)有章可循奠宜，并且也可以從配色的角度突出主體。
比如這四張圖片相信大家都能夠分辨出主角是誰(shuí)瞻想，但你是靠什么來(lái)分辨出的主角呢压真，可能有的人會(huì)說(shuō)是主角本身的突出性，但其實(shí)并不是蘑险，因?yàn)檎嬲怀龊蛷?qiáng)調(diào)主角的是色彩滴肿。
我們將圖片調(diào)整成黑白就可以很明顯的看出來(lái)，主角就沒(méi)有彩色的圖片那么好識(shí)別了佃迄，這就是使用色彩來(lái)強(qiáng)調(diào)主角的重要性泼差。
這就跟電影和電視劇是一樣的道理，每部電影或電視劇中都會(huì)有主角呵俏，然后以主角為中心搭配與主角對(duì)抗或者襯托主角的角色堆缘，這樣才能將整個(gè)故事串聯(lián)起來(lái)。如果主角不明確會(huì)讓人很難有代入感普碎，比如一些明星扎堆的電影百分之八十都是爛片吼肥，當(dāng)然這個(gè)問(wèn)題也只是其中一個(gè)小因素而已。
下面我們來(lái)看看相關(guān)的設(shè)計(jì)作品，感受一下主角的重要性缀皱。這個(gè)海報(bào)給人的第一印象雖然是大面積背景色粉色斗这，但是主角卻是產(chǎn)品或者是產(chǎn)品和人物形成的組合，而標(biāo)題和裝飾性元素的配色也都是以主角為核心進(jìn)行搭配的啤斗，用來(lái)營(yíng)造整個(gè)畫(huà)面的氛圍表箭。
這個(gè)海報(bào)我們首先注意到的肯定是上方的女性人物和廣告語(yǔ)，但是主角并不是人物争占，而是下方的純凈水商品燃逻。為了強(qiáng)調(diào)和突出主角，上方的人物圖片很巧妙的處理成了黑白臂痕，與下方的有彩色藍(lán)色形成了對(duì)比伯襟，可以讓觀者的視線(xiàn)很自然的轉(zhuǎn)向下方的產(chǎn)品。而LOGO使用白色放在右下角又給主角留出了很大的領(lǐng)地空間握童，從而更加強(qiáng)調(diào)了主角的地位姆怪。
這個(gè)海報(bào)的主角很明顯是產(chǎn)品，但是為了營(yíng)造畫(huà)面的氛圍和強(qiáng)調(diào)產(chǎn)品的口味澡绩，周?chē)褂昧讼嚓P(guān)的元素和色彩稽揭，但是我們?nèi)匀荒軌蚝苋菀椎淖R(shí)別出主角，因?yàn)檫@里是通過(guò)色相差來(lái)襯托主角的肥卡，也就是星巴克LOGO的綠色與整體的紅色形成了色相對(duì)比從而強(qiáng)調(diào)了主角溪掀，并且也讓草莓的顏色顯得更加鮮艷，可以說(shuō)綠色的使用明確了畫(huà)面的中心步鉴，確保了整個(gè)版面的的穩(wěn)定感揪胃。
了解了什么是主角之后我們來(lái)看看如何通過(guò)配色強(qiáng)調(diào)主角，這里我總結(jié)了六種方法氛琢，分別是：通過(guò)增大色相差異襯托主角喊递、通過(guò)提高純度差異襯托主角、通過(guò)提高明度差異襯托主角阳似、通過(guò)添加其他顏色襯托主角骚勘、通過(guò)減弱配角色彩襯托主角、通過(guò)加強(qiáng)領(lǐng)地空間襯托主角撮奏。
1俏讹、通過(guò)增大色相差異襯托主角
首先我們來(lái)看通過(guò)增大色相差襯托主角，這個(gè)說(shuō)法有些太像專(zhuān)業(yè)術(shù)語(yǔ)了挽荡，說(shuō)白了就是色相對(duì)比藐石。色相對(duì)比可能大家在平時(shí)配色時(shí)都會(huì)用到，但是很少有人專(zhuān)門(mén)為了襯托主角而去使用定拟，其實(shí)色相對(duì)比對(duì)于主角的襯托有著非常大的影響，比如同樣的主角和背景使用對(duì)比色、互補(bǔ)色和使用同類(lèi)色青自、近似色得到的效果完全是不一樣的株依。
色相差有強(qiáng)弱之分，與色相對(duì)比一樣在色相環(huán)上彼此的距離越遠(yuǎn)對(duì)比就越強(qiáng)差異也就越大延窜，也就是說(shuō)主角的色相與其他色相的差異越大主角的地位就越突出恋腕。
這個(gè)海報(bào)的主角很明顯就是立體的英文，而這里正是通過(guò)較大的色相差來(lái)襯托主角的逆瑞，淺綠色的文字在藍(lán)色的背景上十分明顯荠藤。如果主角的顏色換成與背景差異不大的色相就沒(méi)那么突出了。
這個(gè)海報(bào)的主色是大面積背景色获高，而主角是身穿綠色的兩個(gè)兒童哈肖，綠色與紅色形成強(qiáng)烈的互補(bǔ)關(guān)系，所以增大色相差可以很大程度的襯托出主角念秧。
這個(gè)海報(bào)的主角與背景使用了對(duì)比色紅色和藍(lán)色淤井，也是通過(guò)色相差來(lái)襯托主角，并且主角和背景也形成了很好的冷暖對(duì)比摊趾，如果主角使用同類(lèi)色就會(huì)顯得非常弱了币狠。
2、通過(guò)提高純度差異襯托主角
第二種方法就是通過(guò)提高純度差異來(lái)襯托主角砾层。當(dāng)我們想要強(qiáng)調(diào)主角時(shí)除了拉開(kāi)色相差也可以通過(guò)提高純度漩绵，讓主角更加突出和穩(wěn)定。
無(wú)彩色黑白灰是沒(méi)有純度的肛炮，而有彩色中純度最高的就是純色止吐，但并不是說(shuō)主角就得使用純度高的顏色，只要讓主角和其他顏色的純度有較大的落差铸董，主角自然就會(huì)得到相應(yīng)的突出祟印。
海報(bào)的主角使用了鮮艷的黃色，與背景的低純度色形成鮮明的對(duì)比粟害，讓主角非常引人注目蕴忆。如果將主角的純度調(diào)整成和背景色相同，可能看上去色調(diào)更加一致了悲幅，但同時(shí)主角卻被淹沒(méi)和平庸化了套鹅。
這個(gè)海報(bào)不僅使用了色相差的方法而且還運(yùn)用了純度差，我們將主角的紅色降低純度就可以看出來(lái)了汰具，雖然通過(guò)色相差還是能夠分辨出主角卓鹿，但是并沒(méi)有高純度時(shí)那么明顯。
這個(gè)海報(bào)也是同樣的道理留荔，主角使用了非常鮮明的黃色吟孙，如果將主角的純度調(diào)整成與背景色一樣整個(gè)畫(huà)面的色調(diào)就更加明確了，但是主次關(guān)系就不那么明顯了。
不知道大家有沒(méi)有發(fā)現(xiàn)杰妓，我們改的所謂的反面案例其實(shí)就是我們之前講過(guò)的統(tǒng)一純度的配色方式藻治，這里我們并不是說(shuō)后改的就是完全不可行的，只是說(shuō)如果從凸顯主角的程度來(lái)看原作品會(huì)更好一些巷挥。
3桩卵、通過(guò)提高明度差異襯托主角
純度可以形成差異明度當(dāng)然也可以，無(wú)彩色中白色和黑色的搭配效果是最醒目的倍宾，因?yàn)樗鼈冎g的明度差最大雏节。而在有彩色之間不同的明度差所帶來(lái)的視覺(jué)效果也是不一樣的，如果想要主角突出醒目提高主角與其他色彩的明度差也是不錯(cuò)的方式高职。
無(wú)彩色中明度最高的是白色钩乍，最低的是黑色。無(wú)論是無(wú)彩色還是有彩色只要明度差大主角就會(huì)更加鮮明初厚，而明度差小相反主角就會(huì)顯得不夠清晰不夠引人注目了件蚕。
這個(gè)海報(bào)的配色使用的都是無(wú)彩色，整個(gè)畫(huà)面由黑白灰組成产禾，從顏色上來(lái)看主角已經(jīng)很明確了就是版面中心的白色字母排作，黑色和白色的明度差是最大的，所以黑底白字當(dāng)然也就非常顯眼了亚情。而如果將白色降低明度變成灰色雖然也能分辨出主角妄痪，但是整體卻變的模糊甚至帶有臟兮兮的感覺(jué)。
這個(gè)海報(bào)的整體色調(diào)都比較偏淡楞件，文字的識(shí)別性也保持在適中的程度衫生，文字組和背景色形成一個(gè)色調(diào)組合，而產(chǎn)品椅子卻用了比其他色彩明度低的顏色土浸，這樣就與其他顏色形成了明度差罪针，主角的地位自然而然的就明確了。而如果略微的提高明度黄伊，效果和原圖相比就太過(guò)平淡了泪酱，主角的地位也不夠明顯。
這個(gè)海報(bào)的主角顯然是紅色的雞頭还最，而背景和文字都用了明度較高的顏色墓阀，這就讓明度較低的紅色異常醒目。而如果將紅色的明度提高到與背景色的明度相近拓轻，整體的色調(diào)是統(tǒng)一了但是對(duì)于想要突出和強(qiáng)調(diào)主角這就不是很好了斯撮。
4、通過(guò)添加其他顏色襯托主角
之前的三種方式是從色彩三要素的角度出發(fā)的屬于比較直接的方式扶叉，而除此之外也有一些比較間接的方法勿锅，比如通過(guò)添加其他顏色來(lái)襯托主角帕膜。
這種方式起到的是錦上添花的作用，因?yàn)樵局鹘且呀?jīng)明確了粱甫，只是在這個(gè)基礎(chǔ)上讓主角變得更突出泳叠，讓整體配色顯得更加清晰和鮮明作瞄，給人主角穩(wěn)定的感覺(jué)茶宵。
這個(gè)海報(bào)就是典型的添加其他顏色來(lái)襯托主角，這里使用了類(lèi)似油畫(huà)涂抹的肌理宗挥，與主角人物的單色形成了鮮明的對(duì)比乌庶，并且在構(gòu)圖上也是很有講究的。而如果將圖片調(diào)整成黑白或者將彩色肌理去掉契耿，整體的感覺(jué)不僅顯得單調(diào)而且主角也沒(méi)那么鮮明了瞒大。
這個(gè)海報(bào)的主角就是兩個(gè)甜品，通過(guò)添加色塊來(lái)陪襯會(huì)讓版面更加緊湊搪桂，并且主角得到了加強(qiáng)透敌，整個(gè)畫(huà)面的色彩層次也更加豐富，主角堅(jiān)實(shí)的印象讓人一眼就能感受到踢械。而如果去掉色塊主角就是孤零零的存在酗电，而且畫(huà)面也顯得凌亂和松散。
這個(gè)海報(bào)的主角就是創(chuàng)意性的人臉内列，通過(guò)周?chē)砑拥纳珘K形成了有彩色和無(wú)彩色的對(duì)比撵术，從而凸顯出主角的地位。如果不添加色塊或者色塊也是無(wú)彩色就會(huì)與主角融為一體话瞧，不能起到很好的襯托和強(qiáng)調(diào)的作用嫩与。
5、通過(guò)減弱配角色彩襯托主角
之前的方式都是從主角的角度出發(fā)交排，我們也可以換個(gè)思路從配角的角度出發(fā)划滋，要想設(shè)計(jì)出強(qiáng)調(diào)主角的配色就要減少配角色彩的強(qiáng)度，只要對(duì)配角的色彩稍加抑制就可以讓主角凸顯出來(lái)埃篓。
降低配角的純度或者提高配角的明度都可以起到抑制配角的作用处坪。當(dāng)主角使用純度較高的顏色時(shí)其他配角就盡量避免使用純色或暗色，用淡色或淡濁色都可以起到突顯主角的作用都许，反過(guò)來(lái)也是同樣的道理稻薇。
這個(gè)電影的海報(bào)整體為暗色調(diào)的紅色，但是女主角卻用了黑白處理胶征，只有銜接處使用了一些紅色塞椎，我們說(shuō)減弱配角色可能有的人就比較死板，真的就以為只能減弱配角色睛低，其實(shí)只要主角與配角存在對(duì)比其實(shí)都可以達(dá)到目的案狠。而如果將主角色與其他顏色混為一體就很難分辨出主角了服傍，并且整個(gè)版面的色彩也是非常沉悶的。
這個(gè)海報(bào)的主角如果從大范圍來(lái)看就是圖形組骂铁，而如果細(xì)分的話(huà)就是黃色的圖形吹零，原因就是色彩的使用，這里運(yùn)用的就是減弱配角的方式拉庵，將其他兩個(gè)圖形填充白色灿椅，從而凸顯了黃色的主角地位。而如果白色的圖形也填充黃色钞支，那么毋庸置疑主角就是這三個(gè)圖形組茫蛹，但是無(wú)論是從美觀度還是版面的協(xié)調(diào)性上來(lái)看都不如原圖的效果好。
這個(gè)海報(bào)除了背景的無(wú)彩色白色以外就是咖啡色烁挟，但是我們依然能夠分辨出主角是裝著咖啡的杯子婴洼，這里不僅是因?yàn)榭Х壬嫌袃r(jià)格的原因，最主要的就是其他的顏色都適當(dāng)?shù)臏p弱了撼嗓，從而讓主角的咖啡色能夠凸顯出來(lái)柬采。而如果我們將其他的顏色都調(diào)整成與主角一致，這時(shí)再去尋找主角就沒(méi)有那么容易了且警。
6粉捻、通過(guò)加強(qiáng)領(lǐng)地空間襯托主角
領(lǐng)地空間我們可以簡(jiǎn)單的理解成留白，無(wú)論是文字還是圖片周?chē)紩?huì)有一定的留白面積振湾。而元素周?chē)牧舭酌娣e決定了元素的重要程度杀迹，所以只要擴(kuò)大領(lǐng)地空間就會(huì)讓主角被襯托得很強(qiáng)。
當(dāng)元素周?chē)念I(lǐng)地狹窄也就是留白面積較小并且色彩強(qiáng)度差不多的情況下押搪，元素就比較混亂搞不清誰(shuí)是主角树酪。而如果擴(kuò)大領(lǐng)地空間主角就會(huì)變的醒目，即使沒(méi)有色彩強(qiáng)弱差也能夠清晰地分辨出主角大州，這就是領(lǐng)地空間的作用续语。
這個(gè)海報(bào)的主角顯然是位于版面中心的圖像，而文字信息圍繞著主角安排在四個(gè)角落里厦画，并且給主角留有恰當(dāng)?shù)目臻g領(lǐng)地疮茄，即使主角所占的面積沒(méi)有足夠大，但是通過(guò)周?chē)牧舭缀芎玫膹?qiáng)調(diào)了主角根暑。而如果我們將主角嘗試著放大一些主角就失去了領(lǐng)地空間力试，與周?chē)奈淖质且环N曖昧不清的關(guān)系，而且由于它的不適當(dāng)?shù)耐怀鰧?dǎo)致了版面不夠協(xié)調(diào)排嫌，因此美觀度相應(yīng)的也就差了很多畸裳。
這個(gè)海報(bào)看似只是照片和文字的組合，其實(shí)并不簡(jiǎn)單淳地，因?yàn)檫@里對(duì)于圖片大小的把控非常關(guān)鍵怖糊，海報(bào)中為主角留有領(lǐng)地空間帅容，文字并沒(méi)有依附其上，沒(méi)有影響到主角的地位伍伤。而如果我們將圖片放大一些并徘，文字還是保持原來(lái)的位置和大小，這時(shí)主角的領(lǐng)地空間就受到了侵占扰魂，效果顯然沒(méi)有原圖好麦乞。
這個(gè)海報(bào)就是圖疊字的情況，整個(gè)圖片和文字充滿(mǎn)了版面阅爽，圖片的色調(diào)也相差不多路幸，我們依靠什么去分辨主角呢，就是領(lǐng)地空間付翁，因?yàn)橹虚g坐在沙發(fā)上的人物沒(méi)有文字的疊壓，所以我們的目光自然而然的就會(huì)被它吸引晃听，所以它就是主角百侧。而如果文字的編排充滿(mǎn)了版面，沒(méi)有什么空間能扒，整個(gè)文字和圖像就會(huì)形成一個(gè)整體佣渴，讓我們很難分辨出誰(shuí)是主角想要強(qiáng)調(diào)的是誰(shuí)。
案例演示
最后我們就用一個(gè)案例來(lái)為大家演示初斑。通過(guò)文案信息能夠了解到我們需要設(shè)計(jì)的是關(guān)于檸檬果汁的招貼海報(bào)辛润，根據(jù)本期教程的內(nèi)容首先我們需要提取關(guān)鍵信息來(lái)確定主角，針對(duì)這個(gè)海報(bào)顯然把產(chǎn)品當(dāng)作主角來(lái)刻畫(huà)是最適合的见秤。
第一步先創(chuàng)建版面砂竖，然后大致的確定下使用什么樣構(gòu)圖形式，這里我們想設(shè)計(jì)一個(gè)整體成上下結(jié)構(gòu)的版面鹃答，然后其中又細(xì)分為左中右的形式乎澄，然后根據(jù)這個(gè)構(gòu)圖進(jìn)行細(xì)化。
細(xì)化后的版式已經(jīng)很清晰了测摔，接下來(lái)就需要根據(jù)這個(gè)構(gòu)圖的形式來(lái)對(duì)文案信息進(jìn)行編排置济。這里為了體現(xiàn)果汁飲料的柔潤(rùn)感和香甜感，中文我們選擇偏柔和一些的潤(rùn)圓體锋八，英文搭配的是偏年輕的Din字體浙于。
把編輯好的文字組放進(jìn)版面就是這個(gè)樣子，將主角產(chǎn)品放置在事先留好的空余位置挟纱，找一張相關(guān)的圖片當(dāng)作背景羞酗，然后調(diào)整文字的顏色將文字暫且填充白色。
這個(gè)畫(huà)面最大的問(wèn)題就是色彩和文字的識(shí)別性樊销，現(xiàn)在這個(gè)背景的飽和度相對(duì)來(lái)說(shuō)有些高整慎，檸檬的鮮艷度甚至超過(guò)了產(chǎn)品脏款，所以觀看這個(gè)畫(huà)面的人首先注意的肯定是背景圖片，這就與我們想強(qiáng)調(diào)產(chǎn)品為主角的初衷相違背了裤园，所以我們需要調(diào)整底圖的色彩撤师。
根據(jù)我們之前所講的方法，我們就從純度和明度的角度來(lái)看拧揽，因?yàn)楸尘暗募兌扔行└咛甓埽晕覀兿冉档捅尘暗募兌取?/p>
降低純度之后效果仍然不明顯，那我們可以提高明度來(lái)增大與主角的差異淤袜。這樣與主角產(chǎn)品在色彩上就拉開(kāi)了一些差異痒谴，我們之前講的方法中還有添加其他顏色、減弱配角顏色以及增加領(lǐng)地空間铡羡，對(duì)于這個(gè)版面來(lái)說(shuō)不適合添加其余顏色积蔚，因?yàn)闀?huì)影響到整個(gè)版面的調(diào)性，而減弱配角其實(shí)我們已經(jīng)用到了烦周，就是調(diào)整背景的純度和明度尽爆，那么增加領(lǐng)地空間呢，雖然這里主角有它自己的位置读慎，但是我們看這個(gè)版面下半部分的文字識(shí)別性并不好漱贱，所以我們可以在下面增加個(gè)白色塊。
然后吸取背景中的綠色填充到下放到文字上夭委，那么現(xiàn)在版面的色彩已經(jīng)很合理了幅狮，文字的識(shí)別性也沒(méi)有問(wèn)題，但是我們看背景的檸檬與主角的距離有些近株灸，對(duì)主角的地位會(huì)造成干擾崇摄，所以將圖片的整體位置向上移動(dòng)，這樣就變相的加強(qiáng)了主角產(chǎn)品的領(lǐng)地空間了蚂且，到此這個(gè)海報(bào)就設(shè)計(jì)完成了校摩。
那么肯定有人會(huì)想可不可以讓產(chǎn)品和背景的檸檬共同成為主角藕帜，其實(shí)也是可以的，只要你有這個(gè)想法，所以我們也做了一個(gè)方案轮锥。
這個(gè)方案保留了背景圖片的顏色茧妒，但是為了強(qiáng)調(diào)檸檬和產(chǎn)品的黃色塔粒，所以將背景圖片中黃色以外顏色進(jìn)行了去色處理阀溶，這樣檸檬與產(chǎn)品的顏色自然就形成了一個(gè)組合來(lái)充當(dāng)畫(huà)面的主角，并且這里我們也調(diào)整了主標(biāo)題玄括，將主標(biāo)題放置在左上角冯丙，同時(shí)也為檸檬增加了一些領(lǐng)地空間，沒(méi)有了文字的遮擋檸檬也就凸顯出來(lái)了遭京。
到此本期的教程就結(jié)束了胃惜，我們通過(guò)欣賞相關(guān)的設(shè)計(jì)作品來(lái)理解了強(qiáng)調(diào)主角的六種方法泞莉，當(dāng)然方法不只這六種，并且當(dāng)我們?cè)跒樵O(shè)計(jì)配色時(shí)也并不是說(shuō)這些方法都要用上船殉，有時(shí)候也許只簡(jiǎn)單的使用一種方法就可以達(dá)到強(qiáng)調(diào)主角的目的鲫趁，所以一定要靈活變通，不能死腦筋利虫。就比如說(shuō)并不是每一個(gè)設(shè)計(jì)都要用到主角或者需要強(qiáng)調(diào)主角一樣挨厚，只是說(shuō)如果你需要去強(qiáng)調(diào)主角那么這六種方法就可以為你提供幫助，希望大家可以領(lǐng)會(huì)這個(gè)道理糠惫。我是本期的講師無(wú)我疫剃，我們以后見(jiàn)。
