配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

@研習(xí)設(shè)K先生?:配色是很多人都比較關(guān)心的一個(gè)問(wèn)題,之前的教程我也給大家講解過(guò)一些配色思路和配色方法,而今天我就教大家一個(gè)比較簡(jiǎn)單實(shí)用的配色技巧,這個(gè)方法就算你不懂色彩理論也是可以上手的。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

其實(shí)配色的過(guò)程就跟蓋樓一樣,只要按照正確的流程進(jìn)行,最后一定能夠得到想要的結(jié)果。反之,如果毫無(wú)邏輯沒(méi)有相應(yīng)的方式和方法,自然也就不會(huì)得到好的結(jié)果。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

而本期教程我們所要講的配色技巧,就相當(dāng)于在已經(jīng)準(zhǔn)備好建材的基礎(chǔ)上,決定建造什么樣風(fēng)格的建筑。

選擇和印象相符的配色形式

這個(gè)配色思路就是從色彩的形式出發(fā)進(jìn)行配色,也就是說(shuō)配色之前要根據(jù)設(shè)計(jì)想要表現(xiàn)的印象來(lái)決定采用什么樣的配色形式。如果選擇了正確的配色形式,自然就可以得到良好的配色效果。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

我們舉一個(gè)簡(jiǎn)單的例子。這里有三個(gè)甜品,雖然各不一樣,但是也有相同的地方,比如它們所使用的基本色都差不多,就是有彩色紅、綠、黃加上無(wú)彩色黑、白。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

紅、綠、黃可以體現(xiàn)出食品的健康感,這三個(gè)顏色中,暖色的紅色和黃色能夠體現(xiàn)出健康和活力,而偏冷色的綠色襯托了紅色和黃色并且保持了整體配色的平衡,而無(wú)彩色黑色和白色在這里起到的就是調(diào)和作用。雖然這三個(gè)甜品的色彩都相差不多,但給人的感覺(jué)卻是不同的,原因就在于它們使用了不同的配色形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

第一個(gè)甜品給人一種強(qiáng)烈、大膽、健康的感覺(jué),這些感覺(jué)是通過(guò)大膽的對(duì)比形成的,這里的對(duì)比并不是指紅色和綠色在色相上的對(duì)比,而是指形式上的對(duì)比。比如這個(gè)甜品上方大顆的草莓和大片的綠葉形成了對(duì)比關(guān)系,并且沒(méi)有其他物體的干擾,而白色的奶油和黑色的巧克力又為整體增添層次。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

同樣的色彩這里卻使用了不同的形式,相比之下并沒(méi)有一個(gè)明確的主體,綠色和黃色的分量是相當(dāng)?shù)模t色在白色的奶油上散開(kāi)給人一種自由、隨性、不受約束的感受。而且破碎的巧克力也是對(duì)整體散開(kāi)式配色的一種呼應(yīng),讓甜品能夠呈現(xiàn)出愜意、自由、歡樂(lè)的氣氛。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

最后這個(gè)并沒(méi)有什么特別之處,黑色的巧克力上方是白色的奶油,奶油的上方是集中擺放的基本色,元素之間也沒(méi)有太大的體積差別,從而形成了一個(gè)色彩組合,給人一種安定、沉穩(wěn)、中規(guī)中矩的感覺(jué),你既說(shuō)不出它哪里好也說(shuō)不出哪里不好,總之就是比較安全但缺少一些創(chuàng)意的配色形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

對(duì)比式

無(wú)論是大自然中的色彩還是人為創(chuàng)造的色彩,雖然都有各自的特點(diǎn),但最終都可以劃分為三種形式。首先我們來(lái)看第一種對(duì)比式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

對(duì)比式就是版面中的色彩分布呈對(duì)比的形式,通過(guò)形式對(duì)比來(lái)增強(qiáng)視覺(jué)效果,可以表現(xiàn)出強(qiáng)烈、大膽、明確的印象,將版面劃分出不同的區(qū)域然后通過(guò)顏色區(qū)分可以加強(qiáng)對(duì)比的形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

對(duì)比式并不只存在于配色當(dāng)中,比如各類(lèi)體育賽事開(kāi)場(chǎng)之前運(yùn)動(dòng)員們都會(huì)按照自己的隊(duì)伍站成一排形成對(duì)比的形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

再比如說(shuō)下象棋,開(kāi)始之前按照要求的位置擺放棋子也是對(duì)比式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

還有就是歷史古裝劇中,雙方開(kāi)戰(zhàn)之前一字排開(kāi)的陣形也屬于對(duì)比式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

我們來(lái)看看對(duì)比式的色彩意象,正面意象有強(qiáng)力、明確、熱情、認(rèn)真、堅(jiān)定、緊張、個(gè)性、清晰、格調(diào)、陽(yáng)剛、大膽。負(fù)面意象有不安、固執(zhí)、苛刻、濃烈、強(qiáng)硬、嚴(yán)酷、下流、呆板、保守、銳利、對(duì)抗等等。下面我們來(lái)看看相關(guān)的設(shè)計(jì)作品。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這是一個(gè)倡導(dǎo)和平的公益海報(bào),設(shè)計(jì)者希望通過(guò)對(duì)等的理念,來(lái)讓人們消除彼此之間的隔閡與矛盾。這里采用的配色形式就是上下結(jié)構(gòu)的對(duì)比式,表現(xiàn)的意象十分明確和清晰,即使色調(diào)本身有些偏淡也不會(huì)影響到主題的突出。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)也是上下構(gòu)圖的對(duì)比式,在黑色的背景上使用紅色和綠色,顯得強(qiáng)力、明確和堅(jiān)定。而色彩本身又具有明顯的色相對(duì)比,從而更加奠定了整體簡(jiǎn)潔、明快的配色風(fēng)格。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)同樣也是對(duì)比式配色,版面從中間切開(kāi),標(biāo)題位于正中央,左側(cè)是以粉色為主的暖色,右側(cè)是以綠色為主的冷色,而文字信息都集中在左側(cè)與右側(cè)形成了繁簡(jiǎn)對(duì)比,進(jìn)一步強(qiáng)調(diào)了整個(gè)版面的對(duì)比形式。

散開(kāi)式

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

第二種形式就是散開(kāi)式。所謂散開(kāi)式就是指色彩在畫(huà)面中分散開(kāi)來(lái),沒(méi)有集中于中心位置或左右上下的明顯對(duì)比,所以也就不會(huì)給畫(huà)面帶來(lái)緊張感和壓迫感,并且也不會(huì)壓抑色彩的個(gè)性,給人一種明快、自由、灑脫的印象。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

我們還是拿體育、象棋和戰(zhàn)爭(zhēng)來(lái)比喻。籃球比賽開(kāi)始之后,球員們?cè)趫?chǎng)地上四處奔跑就是散開(kāi)式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

下象棋從下第一步開(kāi)始就打破了對(duì)比的形式,隨著棋子的走動(dòng)漸漸形成了散開(kāi)的局勢(shì)。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

戰(zhàn)爭(zhēng)發(fā)動(dòng)之后,戰(zhàn)馬、將士、兵器都會(huì)在混亂的狀態(tài)下相互交錯(cuò)形成散開(kāi)式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

散開(kāi)式的正面意象有自由、奔放、愉悅、輕快、隨性、舒適、自然、優(yōu)雅、女性、愜意。負(fù)面意象有輕浮、無(wú)用、散漫、隨意、亢奮、幼稚、花哨、柔軟、大意、簡(jiǎn)單。下面我們來(lái)看看相關(guān)的設(shè)計(jì)作品。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)使用的圖案就是散開(kāi)式的分布形式,在幾種色相之間交替重復(fù),并沒(méi)有哪個(gè)顏色特別突出,給人一種自由、放松、無(wú)拘無(wú)束的視覺(jué)感受,在不需要特別強(qiáng)調(diào)主體的畫(huà)面中可以放心使用。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)雖然主體是人物圖像,但是它并不屬于中心式的配色形式,因?yàn)檫@里不同色彩的毛絨球在畫(huà)面中分散開(kāi)來(lái),并沒(méi)有哪個(gè)顏色特別突出,與女性人物相結(jié)合呈現(xiàn)出優(yōu)雅、自然、愜意的感受。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)在黑色的背景上使用彩色,打散的文字筆畫(huà)使用了不同的顏色并且純度都比較高,整體的色彩分布呈散開(kāi)式,給人的感覺(jué)是自由、奔放、隨性,與主題內(nèi)容形成了很好的呼應(yīng)。

中心式

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

第三種形式就是中心式。中心式就是將色彩放在畫(huà)面中心進(jìn)行突出和強(qiáng)調(diào),這里要注意控制好主角色和其他色彩的關(guān)系,盡量讓主角更加鮮明,并且主角使用的色彩盡量不要用在其他地方以免造成干擾。中心式最主要的特點(diǎn)就是可以給人傳統(tǒng)感和穩(wěn)定感,因?yàn)槿藗儗?duì)于中心明確的事物容易產(chǎn)生踏實(shí)的感覺(jué)會(huì)覺(jué)得內(nèi)心平靜。但中心式也有不好的地方就是比較保守,不適合用來(lái)表現(xiàn)具有創(chuàng)意性的內(nèi)容。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

還是以籃球?yàn)槔倹Q賽結(jié)束后所有人的視線都會(huì)集中在教練或 MVP身上,球員們可能會(huì)把教練拋向空中,還有就是 MVP頒獎(jiǎng)環(huán)節(jié),這些都屬于中心式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

中心式也能體現(xiàn)出人的社會(huì)性,比如廟堂的中心就是佛祖,兩側(cè)是左右對(duì)稱(chēng)的護(hù)法,從大殿到門(mén)口都是按照中心式布置的。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

與此類(lèi)似的還有古代的宮廷,君主坐在中心位置,大臣們呈對(duì)稱(chēng)形式站在大殿兩旁,用中心式來(lái)體現(xiàn)絕對(duì)的權(quán)威和正統(tǒng)。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

中心式也具有它的意象,正面意象有安定、沉穩(wěn)、安全、穩(wěn)重、正式、格調(diào)、常規(guī)、高級(jí)、傳統(tǒng)、堅(jiān)定。負(fù)面意象有保守、呆滯、固執(zhí)、孤僻、閉鎖、土氣、年老、陳舊、消極、刻板。同樣我們還是來(lái)看看相關(guān)作品。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)很明顯是個(gè)產(chǎn)品廣告,而產(chǎn)品廣告使用中心式是很常見(jiàn)的,還有就是包裝設(shè)計(jì)也很適合使用中心式的配色形式,不僅可以體現(xiàn)出產(chǎn)品的安全感也會(huì)讓整個(gè)畫(huà)面顯得更加穩(wěn)重和規(guī)矩。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)如果從色相的角度來(lái)看可能有的人會(huì)誤以為是對(duì)比式,因?yàn)檫@里使用了綠色和紫紅色。但是從我們這期教程所講的理論來(lái)看屬于中心式,因?yàn)榫G色是整個(gè)畫(huà)面的背景色,而紫紅色的雪糕位于版面正中心的位置,文字圍繞主體編排在四周給人中規(guī)中矩的穩(wěn)定感和秩序感。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這個(gè)海報(bào)很明顯也是中心式,色彩比較淡雅,黃色作為主體色放置在版面中心偏下的位置,藍(lán)色的文字安排在畫(huà)面邊緣,給人簡(jiǎn)潔和穩(wěn)定的感覺(jué)。

案例演示

? 1. 對(duì)比式案例

最后我們來(lái)看看案例演示。這次的案例我們?cè)O(shè)計(jì)的是關(guān)于寵物領(lǐng)養(yǎng)網(wǎng)站的首頁(yè)頭圖,針對(duì)這三種形式來(lái)分別演示,首先我們來(lái)做一稿對(duì)比式的配色形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

第一步創(chuàng)建版面,因?yàn)槭菍?duì)比式配色所以我們就用最簡(jiǎn)單直接的方式,就是將版面一分為二然后暫且填充灰色。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

因?yàn)槭呛蛯櫸锵嚓P(guān)的內(nèi)容,所以我們選擇一張小狗的圖片來(lái)作為版面的主體,將圖片放置到版面中心位置并進(jìn)行去底處理。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

然后創(chuàng)建網(wǎng)格,這里我們使用的是十二欄網(wǎng)格,接著編排文字內(nèi)容。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

先將瑣碎信息和小元素編排好,然后提取關(guān)鍵信息放大處理并且放在主體下方,以免對(duì)主體造成干擾,因?yàn)榭紤]到還有其他信息所以先降低它的透明度,然后將其余內(nèi)容依次編排到版面當(dāng)中,版式部分就完成了。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

接下來(lái)就開(kāi)始配色,因?yàn)槲覀兪孪纫呀?jīng)確定了對(duì)比式的配色,所以具體使用什么色相已經(jīng)不重要了,并沒(méi)有一個(gè)明確的標(biāo)準(zhǔn),可以根據(jù)個(gè)人喜好和風(fēng)格定位來(lái)選擇。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這里為了更加凸顯對(duì)比式的配色形式,所以選擇了對(duì)比較強(qiáng)的黃色和藍(lán)紫色。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

最后將文字填充白色,并且繼續(xù)調(diào)整大英文的透明度,讓他作為背景底紋存在。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

第一個(gè)對(duì)比式的案例就完成了,這里我還嘗試了幾組配色,不過(guò)還是感覺(jué)有黃色的比較舒服,因?yàn)橹黧w小狗的顏色就是黃色,所以看起來(lái)會(huì)更加融入一些。

? 2. 散開(kāi)式案例

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

下面我們用同樣的內(nèi)容做一稿散開(kāi)式的。這次我們使用狗狗數(shù)量多一些的圖片填充版面,小文字和元素不需要變動(dòng),

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

將網(wǎng)格顯示出來(lái),然后重新編排標(biāo)題內(nèi)容,根據(jù)版面的整體構(gòu)圖,我們居中對(duì)齊。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

進(jìn)行到這里可能有的人會(huì)有些懵,心想這哪是什么散開(kāi)式啊,別急,方法有很多。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

我們還是先用最簡(jiǎn)單直接的方式,就是添加色塊。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

然后調(diào)整圖層的混合模式,讓背景圖片顯示出來(lái),最后再將文字的黑度稍微降一點(diǎn)點(diǎn),這個(gè)散開(kāi)式的案例就完成了。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

我知道肯定有人會(huì)覺(jué)得這個(gè)形式有些簡(jiǎn)單,所以我也另做了一稿,當(dāng)然你也可以從散開(kāi)式的角度出發(fā)創(chuàng)作出更多的形式。

? 3. 中心式案例

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

最后我們?cè)賮?lái)看看第三種形式,中心式。中心式最大的特點(diǎn)就是主體色彩位于版面中心,這里我們就用一只狗狗的圖片。同樣小文字和元素不變,其他標(biāo)題文字居中對(duì)稱(chēng)擺放來(lái)呼應(yīng)中心式的配色形式。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

然后選擇一款顏色填充背景,并且在主體下方填充一個(gè)圖形。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

但是現(xiàn)在這樣版面有些平,所以為圖層添加陰影效果,這樣基本就差不多了,整體就是簡(jiǎn)潔、淡雅、中規(guī)中矩的感覺(jué),但文字我還是喜歡用白色。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

這一稿的配色就是比較酷的感覺(jué),雖然背景的黑色可能與主體的顏色有些相似,但是鮮明的橙色可以很好的突出和強(qiáng)調(diào)中心式配色。

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

本期教程到這里就結(jié)束了,我們主要講解了根據(jù)意象來(lái)選擇相對(duì)應(yīng)的配色形式,包括對(duì)比式、散開(kāi)式和中心式,可以說(shuō)這種配色思路是非常簡(jiǎn)單易操作的,不需要太多的色彩理論,大家在平時(shí)工作中可以多多嘗試。

歡迎關(guān)注研習(xí)社的微信公眾號(hào):「Yanxishe2017」

配色技巧學(xué)這3招!零基礎(chǔ)新手也能輕松掌握

收藏 470
點(diǎn)贊 39

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