這招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)
發(fā)布時(shí)間:2021-12-28 11:23 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

今天將要分享的是一個(gè)我們?cè)谠O(shè)計(jì)中經(jīng)常會(huì)用到的「配色」。

很多設(shè)計(jì)師工作幾年后還是對(duì)配色摸不著頭腦,每次做設(shè)計(jì)依舊沒(méi)有頭緒,不知道如何下手,不知道選擇什么顏色搭配自己相關(guān)的設(shè)計(jì),看完今天的教程分享后希望對(duì)配色有困難的你有所幫助。

首先我需要告訴大家的是,我這里分享的配色方法并不是網(wǎng)絡(luò)上或者書(shū)本上看到的那些理論性超強(qiáng)的文字?jǐn)⑹。在我的配色技巧中,沒(méi)有那么多的約束,也不需要記住那么多理論性的知識(shí)。不過(guò)大家能記住理論知識(shí)是最好的,記不住也沒(méi)有關(guān)系,因?yàn)槲覍?huì)帶給你超簡(jiǎn)單的配色方法。

其實(shí)很多人也許看過(guò)不少關(guān)于配色技巧的文章,或者知道很多配色網(wǎng)站自帶大量的配色模板,但是當(dāng)你自己動(dòng)手設(shè)計(jì)的時(shí)候,還是不知道如何在那么多配色體系中選擇合適的色彩,來(lái)搭配自己的作品。這是什么原因呢?

其實(shí)配色并不是單獨(dú)存在的,很重要的是要考慮你設(shè)計(jì)的主體。不同的設(shè)計(jì)主體,所要達(dá)到的目標(biāo)不一樣,就決定了配色理論也會(huì)存在差別。我們會(huì)發(fā)現(xiàn),絕大多數(shù)的設(shè)計(jì)書(shū)本、文章都在寫(xiě)配色的理論,每個(gè)人講的配色理論有很多相同的地方,但是最核心的理論往往都不是相同的。因?yàn)榇蠹抑v的相同部分,大多都是色彩的理論部分,這部分僅僅只是色彩本身的規(guī)律。而大家所講的不同部分,則通常是作者在自己所在領(lǐng)域總結(jié)的一套配色規(guī)律。

因此,并不是每一篇文章的配色理論都適合你,這也是當(dāng)你學(xué)習(xí)完很多配色方法和理論后,仍然不知道怎么配色以及配不好色的原因。

事實(shí)就告訴我們?cè)趯W(xué)習(xí)配色時(shí),僅僅學(xué)習(xí)配色理論是完全不夠的。首先我們需要思考配色的使用場(chǎng)景,以及整個(gè)設(shè)計(jì)所要達(dá)到的目標(biāo),然后再學(xué)習(xí)相應(yīng)領(lǐng)域的配色知識(shí),才能讓配色理論發(fā)揮最大的作用。

舉個(gè)簡(jiǎn)單的例子,這里分別需要兩張海報(bào)。

第一張海報(bào):主體是咖啡 (這里的咖啡海報(bào)只需要達(dá)到宣傳的作用即可,不需要促銷(xiāo))。

第二張海報(bào):主體是促銷(xiāo)女裝 (通過(guò)文字主體就能看出這張海報(bào)的目的,那就是促銷(xiāo),需要達(dá)到吸引用戶(hù)的眼球,最終促使購(gòu)買(mǎi)的欲望)。

首先來(lái)看我們的第一張咖啡的海報(bào),這里的設(shè)計(jì)主體是「咖啡」,我們還要知道咖啡的使用場(chǎng)景一般就是休閑時(shí)光,和放松自己才會(huì)選擇飲用的。那么通過(guò)這兩點(diǎn),我們就要明白設(shè)計(jì)所要達(dá)到的目標(biāo)「給人一種放松愉悅的心情,能在緊繃的神經(jīng)下看到你的海報(bào)放松,得到輕松的心情。」

那么我們可以簡(jiǎn)單地做兩個(gè)海報(bào)做一下對(duì)比:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

這兩張海報(bào)的排版都是完全一致的,除了背景顏色和字體的顏色不同。對(duì)于這兩張海報(bào),在你一眼看到后,你會(huì)更喜歡哪一張呢?

我的答案是:咖啡海報(bào)一。

也許會(huì)有很多人都會(huì)選擇第一張白色背景的,為什么呢?在這里我給大家簡(jiǎn)單的分析一下吧。

首先已經(jīng)提到咖啡的使用場(chǎng)景和作用,是為了幫助疲勞的人得到放松的,白色就能很好的讓人放松,咖啡色看起來(lái)就給人一種沉悶的感覺(jué),并且在咖啡色背景上,咖啡豆的品質(zhì)也很難得到很好的展現(xiàn),相反的是白色,干凈的背景以及大量的留白空間,能很好的給人一種放松和舒適感,咖啡豆在白色背景的映襯下也更好的展現(xiàn)出它的品質(zhì)。

接下來(lái),再看看我們的第二張海報(bào)──促銷(xiāo)女裝。

海報(bào)主體:促銷(xiāo)女裝 (通過(guò)文字主體就能看出這張海報(bào)的目的,那就是促銷(xiāo),需要達(dá)到吸引用戶(hù)的眼球,最終促使購(gòu)買(mǎi)的欲望。)

不難理解,這里的海報(bào)目的當(dāng)然是達(dá)到促銷(xiāo)熱賣(mài)的效果,能夠極大地吸引用戶(hù)并且完成購(gòu)買(mǎi)操作,這樣才能達(dá)到我們的目的。

促銷(xiāo)海報(bào)對(duì)于色彩來(lái)說(shuō)是很重要的,設(shè)計(jì)師需要通過(guò)對(duì)海報(bào)色彩的選擇吸引用戶(hù)看到你的海報(bào),既然是促銷(xiāo),那么熱鬧的氛圍肯定是不能缺少的。

我們還是直接通過(guò)一張簡(jiǎn)單的色彩對(duì)比海報(bào)來(lái)直觀的體會(huì)色彩的重要性吧。

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

同樣的,這兩張海報(bào)的排版都是一樣的,除了背景色彩和文字的顏色不同,那么這兩張海報(bào)哪一張更具有吸引力和促銷(xiāo)效果呢?

我的答案依舊是:促銷(xiāo)女裝海報(bào)一。

因?yàn)榧t色本身就給人一種熱鬧的,促銷(xiāo)的,大降價(jià)的活動(dòng)感。并且背景紅色的選擇和模特本身的服裝顏色也是很接近的,雖然都是紅色,但是明度不一樣,所以并不會(huì)影響模特主體人物服裝。而白色背景的海報(bào)看起來(lái)沒(méi)有促銷(xiāo)感,也和模特本身不搭,和主題文字的風(fēng)格也不搭配。

這里我為什么會(huì)選擇白色和紅色做對(duì)比呢?

因?yàn)槲乙嬖V大家的是配色的使用場(chǎng)景,以及整個(gè)設(shè)計(jì)所要達(dá)到的目標(biāo),這句話(huà)的重要性。可以看到我的兩個(gè)海報(bào)色彩搭配,咖啡海報(bào)采用白色就會(huì)顯得很搭,但是促銷(xiāo)女裝海報(bào)采用就格格不入,如果把紅色換到咖啡海報(bào)背景色,那也是完全不搭的。

上面說(shuō)了這么多,只是告訴你們?cè)谶x擇配色時(shí)需要注意的配色的使用場(chǎng)景,以及整個(gè)設(shè)計(jì)所要達(dá)到的目標(biāo),這個(gè)也是我們?cè)谂渖珪r(shí)非常重要的。

到底應(yīng)該怎么配色呢?怎么選擇合適的顏色呢?接下來(lái)就教給大家 2 個(gè)簡(jiǎn)單實(shí)用的方法。


從圖片吸取色值搭配


也就是說(shuō)我們可以從主題一致或者接近的圖片上,吸取色值作為我們的配色,當(dāng)然我們需要選擇合適的、好的配色圖片作為吸取色值的對(duì)象。

舉例:設(shè)計(jì)一張冰淇淋海報(bào)。

那么我們就在網(wǎng)站上找一下冰淇淋的圖片,我找到的如圖:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

從圖片吸取的顏色有:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

做出的海報(bào):

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

粉色是給人甜美、溫柔和純真、浪漫的感覺(jué),冰淇淋也是夏天女孩的喜愛(ài),冰淇淋帶給人甜蜜,清涼的,和粉色色彩搭配是完全可以的。

此外,我在網(wǎng)站上找到的第二張顏色參考圖如下:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

從圖片吸取的顏色有:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

做出的海報(bào):

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

這張海報(bào)主要的就是淡藍(lán)色,一種冰涼的感覺(jué),夏天就是要這樣的冰涼,搭配冰淇淋產(chǎn)品更是再合適不過(guò)。

雖然是做冰淇淋的海報(bào),但不是說(shuō)只找冰淇淋相關(guān)的圖片做吸色的參考。同樣的,其它好的配色圖片我們一樣可以拿過(guò)來(lái)運(yùn)用到我們的色彩搭配中。

我們找到下面兩張夏天的創(chuàng)意背景參考圖:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

分別吸取色值:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

運(yùn)用到海報(bào)中的效果:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

接下來(lái)說(shuō)一下配色的第二種方法。


從產(chǎn)品/素材中吸取搭配


通過(guò)對(duì)主體或者素材中吸取色值運(yùn)用到自己的配色中,當(dāng)然不能一味的只知道吸取,不知道靈活的改變。也許你吸取的顏色對(duì)產(chǎn)品或者素材的識(shí)別性會(huì)有影響,那么就需要做一些微調(diào),從而達(dá)到不影響主體,還能更加適合整個(gè)版面的協(xié)調(diào)性。

以下面這個(gè)模特人物為主體,做一張女裝促銷(xiāo)海報(bào),主題還是以國(guó)潮為主。

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

原本吸取的色值:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

調(diào)整后的色值:

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

分別做出的海報(bào):

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 原本吸取的色值做出的海報(bào)

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 調(diào)整后的色值做出的海報(bào)

對(duì)比一下就出來(lái)了是不是,如果直接吸取模特衣服的顏色作為背景,就會(huì)使整個(gè)海報(bào)看起來(lái)和我們的主題完全不搭,并且也不能很好的突出我們模特主體的形象和氣質(zhì)。

通過(guò)對(duì)色值明暗的調(diào)整,海報(bào)的檔次一下就提升了,并且更加符合國(guó)潮風(fēng)格的氣質(zhì)。

比如下面這一張圖,以「大暑」為主題設(shè)計(jì)海報(bào)。

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

我們分別吸取圖片荷葉一處亮部的色值和一處暗部的色值。

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 亮部

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 暗部

分別做出兩張背景色不一樣的海報(bào):

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 吸取荷葉亮部圖片得到的海報(bào)

這2招配色訣竅,零基礎(chǔ)的小白也能輕松學(xué)會(huì)!

△ 吸取荷葉暗部圖片得到的海報(bào)

兩張不一樣的海報(bào)就出來(lái)了,但是給人的感覺(jué)卻是大不相同的。第一張亮綠的海報(bào)給人的感覺(jué)就是背景色和素材荷花圖片的色彩很不協(xié)調(diào),不統(tǒng)一,風(fēng)格也不一樣,并且整個(gè)海報(bào)看起來(lái)沒(méi)有質(zhì)感。

相反的,深色背景的海報(bào)給人的感覺(jué)會(huì)顯得高檔很多,并且圖片素材和背景的顏色非常接近,整個(gè)畫(huà)面就會(huì)顯得統(tǒng)一和諧很多,中國(guó)風(fēng)的視覺(jué)體驗(yàn)也會(huì)更加強(qiáng)烈。

平面海報(bào)設(shè)計(jì)快速實(shí)戰(zhàn)教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC