之前有一(yī)期教程給大家講解了(le)一(yī)些基礎入門的色彩訓練方法,今天同樣給大家帶來關于色彩訓練的內(nèi)容,但(dàn)是會更加深入一(yī)些,算是色彩訓練的進階版,也就是創建自(zì)己的配色體系。
其實根據我的從(cóng)業經驗來看(kàn),如(rú)果想真正的了(le)解色彩,就需要(yào)一(yī)套非常完整、系統的訓練方法。可(kě)能(néng)很(hěn)多人(rén)包括我自(zì)己,一(yī)開(kāi)始都(dōu)對這(zhè)些訓練不以為(wèi)意,認為(wèi)直接學習配色理論或方法不是更好麽?為(wèi)什麽還要(yào)做(zuò)這(zhè)些色彩訓練呢?認為(wèi)這(zhè)些訓練沒有意義,甚至有的人(rén)會覺得是小孩玩(wán)的遊戲。
但(dàn)殊不知其實我們每個人(rén)的色感,正是在兒童時(shí)期形成的,因為(wèi)兒童時(shí)期的認知更加純粹,對于色彩的想象力以及受到的限制要(yào)比成人(rén)少(shǎo)得多,所以賦予色彩的深度和(hé)廣度也就比成年(nián)人(rén)更加豐富。
這(zhè)也是為(wèi)什麽很(hěn)多人(rén)看(kàn)到小朋(péng)友(yǒu)的繪畫(huà),會覺得他(tā)們很(hěn)有配色天賦了(le)。
所以我們要(yào)做(zuò)的就是打破對色彩的固有認知,讓自(zì)己回歸到一(yī)種單純的狀态,來重新認識色彩。
比如(rú)現在給你一(yī)個蘋果,可(kě)能(néng)我們的第一(yī)反應就是直接把它吃了(le),事後要(yào)你回憶對蘋果這(zhè)個物(wù)體的印象,也許你體會的并不深刻。
而如(rú)果我們改變條件,假設你從(cóng)未見(jiàn)過蘋果,這(zhè)一(yī)次你不僅要(yào)吃掉蘋果,還要(yào)說出你的感受。
根據你的五官對其進行(xíng)認知,這(zhè)時(shí)你對蘋果的體會将和(hé)前一(yī)次大不相同。
比如(rú)通(tōng)過視(shì)覺我們可(kě)以看(kàn)到綠(lǜ)色,通(tōng)過嗅覺可(kě)以聞到果香,通(tōng)過觸覺可(kě)以感受到堅硬,通(tōng)過味覺可(kě)以品嘗到酸甜,通(tōng)過聽覺可(kě)以聽到清脆聲。
而重新認識色彩也是同樣的道(dào)理,就像我們從(cóng)未見(jiàn)過蘋果一(yī)樣去體驗一(yī)個假設我們從(cóng)未見(jiàn)過的色彩,然後通(tōng)過不同的角度去對色彩進行(xíng)拆解,最後組合在一(yī)起形成屬于我們自(zì)己的配色體系。
創建個人(rén)色彩體系的第一(yī)步,就是為(wèi)色彩命名。
比如(rú)我們随便找一(yī)個顔色,就拿(ná)這(zhè)個黃(huáng)色來舉例。
根據自(zì)己對這(zhè)個色彩的感覺來命名,可(kě)以随意發揮,你想到什麽就可(kě)以說什麽,沒有限制。
比如(rú)從(cóng)最基本的色相角度出發,我們可(kě)以叫它鮮黃(huáng)色。
根據這(zhè)個顔色我們可(kě)以聯想到向日葵,所以也可(kě)以命名為(wèi)向日葵。
我們還可(kě)以聯想到月亮,所以也可(kě)以起名叫月亮黃(huáng)。
那(nà)我們還可(kě)以聯想到《變形金(jīn)剛》裏的大黃(huáng)蜂,所以也可(kě)以給這(zhè)個顔色起名叫做(zuò)大黃(huáng)蜂。
還能(néng)聯想到麥當勞的陽光(guāng)橙,所以也可(kě)以命名為(wèi)陽光(guāng)橙。總之當你看(kàn)到這(zhè)個顔色時(shí),腦海(hǎi)中能(néng)夠聯想到的詞彙都(dōu)可(kě)以使用,哪怕是跟這(zhè)個顔色相差很(hěn)多也沒關系,最重要(yào)的是你自(zì)己的感受。
對色彩進行(xíng)命名之後,第二步要(yào)做(zuò)的就是對色彩進行(xíng)理性分析。
我們還是拿(ná)這(zhè)個顔色來進行(xíng)練習,先來找出它的色相、明(míng)度和(hé)飽和(hé)度。
首先根據色相環的大緻位置,确定這(zhè)個色彩的色相。
然後通(tōng)過純度和(hé)明(míng)度的調整來找到與右側顔色相符的色值,這(zhè)裏我們得到了(le)一(yī)個數(shù)值。
然後用吸管工(gōng)具吸取右側的黃(huáng)色,得到的結果和(hé)我們猜測的做(zuò)比較,隻要(yào)結果不是相差很(hěn)大都(dōu)是可(kě)以的,如(rú)果相差很(hěn)多那(nà)就說明(míng)你對色彩的敏感度還有欠缺。
HSB色值猜想完之後我們再來看(kàn)看(kàn)它的RGB色值。
根據RGB原理很(hěn)明(míng)顯黃(huáng)色是由紅(hóng)色和(hé)綠(lǜ)色混合得到的。
但(dàn)是我們對比來看(kàn)很(hěn)明(míng)顯這(zhè)兩個黃(huáng)色還是有差别的,所以還需要(yào)進一(yī)步分析。
我們調出RGB色相環,我們看(kàn)采樣的這(zhè)個黃(huáng)色是偏向紅(hóng)色多一(yī)些還是偏向綠(lǜ)色多一(yī)些,很(hěn)明(míng)顯是偏紅(hóng)一(yī)些,因為(wèi)它比較偏橙色。
所以我們就可(kě)以适當的減少(shǎo)綠(lǜ)色的成分。
我們來看(kàn)一(yī)下(xià)對比,已經接近了(le)。
最後我們通(tōng)過RGB色值來對照一(yī)下(xià),雖然紅(hóng)色和(hé)綠(lǜ)色的色值相差不多,但(dàn)是我們采樣的顔色中還有少(shǎo)部分藍(lán)色,肉眼其實很(hěn)難看(kàn)出來,但(dàn)是我們可(kě)以自(zì)己去模拟一(yī)下(xià)。
這(zhè)三個成分的三原色混合之後,得到的就是我們采樣的顔色了(le)。
△ http://www.rgbchallenge.com/
如(rú)果想提升對RGB的敏感度,可(kě)以通(tōng)過這(zhè)個小遊戲來練習一(yī)下(xià)。
玩(wán)法很(hěn)簡單,根據畫(huà)面中給出的RGB色值來選擇你認為(wèi)相對應的顔色,選對了(le)繼續下(xià)一(yī)關,選錯了(le)GAME OVER重來。
接下(xià)來我們來看(kàn)CMYK色值。
黃(huáng)色是CMY其中的一(yī)個原色,所以首先黃(huáng)色肯定是最多的。
對比來看(kàn)一(yī)下(xià),很(hěn)明(míng)顯采樣的黃(huáng)色中還有其他(tā)顔色成分。
我們調出CMYK色相環,同樣也是看(kàn)采樣的黃(huáng)色偏向哪個方向,也是偏紅(hóng)色多一(yī)些。
所以我們得到這(zhè)個顔色中需要(yào)加入紅(hóng)色,但(dàn)是應該加多少(shǎo)呢?
這(zhè)裏我們加入了(le)20%的紅(hóng),同時(shí)将黃(huáng)色的含量降到80%,這(zhè)個是根據經驗和(hé)感覺來的。
這(zhè)時(shí)将兩個顔色對比來看(kàn)一(yī)下(xià),已經相差不多了(le)。
最後通(tōng)過數(shù)值來比對,可(kě)以說幾乎已經很(hěn)接近了(le)。
隻不過采樣的顔色中還帶有少(shǎo)量的青色,但(dàn)是影響不大。
然後我們再來看(kàn)看(kàn)色調。關于色調這(zhè)種老(lǎo)生常談的問(wèn)題這(zhè)裏就不多講了(le),因為(wèi)之前我專門寫過一(yī)篇關于色調的文章(zhāng)《高手的平面課堂!最容易上(shàng)手的配色方法》,裏面已經講的很(hěn)詳細了(le)。如(rú)果你看(kàn)過這(zhè)篇文章(zhāng),那(nà)麽當你得到了(le)一(yī)個顔色的CMYK色值時(shí),就已經可(kě)以判斷出是什麽色調了(le)。
如(rú)果沒看(kàn)過也沒關系,我帶大家來區(qū)分一(yī)下(xià),白色和(hé)純色之間(jiān)是明(míng)色和(hé)淡色,純色和(hé)灰色之間(jiān)是濁色和(hé)淡濁色,純色和(hé)黑(hēi)色之間(jiān)是暗色。
将這(zhè)些代表性色調提取出來一(yī)比對,就可(kě)以知道(dào)這(zhè)個色彩的大緻色調是什麽了(le)。
很(hěn)明(míng)顯我們采樣的這(zhè)個顔色是介于純色調和(hé)明(míng)色調之間(jiān),你可(kě)以叫它純色也可(kě)以叫它明(míng)色。
色調看(kàn)完之後我們再來看(kàn)看(kàn)它的色彩家族,也就是這(zhè)五大色相關系。
首先我們來看(kàn)看(kàn)它的同類色是什麽,如(rú)果大家剛開(kāi)始比較困難可(kě)以偷個懶,調出色相環。
這(zhè)樣找到相應的色相就非常簡單了(le),但(dàn)是不建議(yì)大家這(zhè)樣做(zuò),除非是新手或剛入門的同學。
然後是近似色,相距45度的顔色。
然後是中差色,距離在90度左右。
接着是對比色,120度左右。
最後是互補色,對比最強烈,也就是相距180度左右的顔色。
這(zhè)五大色相關系是最基本也是搭配起來最常見(jiàn)的,一(yī)般不太容易出問(wèn)題。這(zhè)裏需要(yào)說明(míng)一(yī)點就是我們在對色值進行(xíng)猜測的時(shí)候,不需要(yào)要(yào)求太高必須要(yào)完全一(yī)緻,隻要(yào)差不多就可(kě)以。并且大家在看(kàn)教程的時(shí)候可(kě)能(néng)會覺得有些複雜(zá)佷麻煩,我做(zuò)這(zhè)些為(wèi)了(le)給大家演示看(kàn)上(shàng)去是花了(le)些時(shí)間(jiān),但(dàn)是當你自(zì)己在猜想的時(shí)候可(kě)能(néng)隻是一(yī)瞬間(jiān)的事情。
下(xià)面我們再來看(kàn)看(kàn)第三步,對色彩的感性分析,所謂感性分析也就是說這(zhè)個色彩給你什麽感覺。
比如(rú)這(zhè)個黃(huáng)色給我們的正面意象有:陽光(guāng)、輕松、幽默、開(kāi)朗、熱(rè)鬧、歡樂(yuè)、幼兒、開(kāi)放、快(kuài)樂(yuè);負面意象有吵鬧、廉價、不雅、軟弱、浮躁、輕浮、稚嫩、散漫、不安。注意在提煉感覺的時(shí)候不要(yào)約束自(zì)己,能(néng)夠聯想到的都(dōu)可(kě)以記下(xià)來。
然後是第四步對色彩進行(xíng)行(xíng)業分析,也就是說你認為(wèi)這(zhè)個色彩适合哪些行(xíng)業或者你見(jiàn)過哪些行(xíng)業使用過這(zhè)個色彩。
比如(rú)最明(míng)顯的就是兒童、寵物(wù)、遊戲、時(shí)尚、運動、促銷、餐飲、農業、傳統、汽車等等。
以上(shàng)這(zhè)些訓練做(zuò)完之後就進入到了(le)最後一(yī)步,也就是用這(zhè)個色彩進行(xíng)任意內(nèi)容的設計。
這(zhè)是我們的文案,這(zhè)裏我們要(yào)設計的是關于詹姆斯十六代戰靴的三個Banner。
1. 案例一(yī)
首先根據尺寸創建版面,找到一(yī)張詹姆斯的圖片去底之後放到版面中,然後将主題信息放大并選擇一(yī)款具有力量感的字體編排到版面的中上(shàng)位置,将中文标題和(hé)LOGO做(zuò)重複編排。
将文字信息放置到人(rén)物(wù)下(xià)方,底部信息做(zuò)描邊和(hé)變形處理為(wèi)畫(huà)面增加形式感,最後将其他(tā)信息編排到空餘的左側。
最後在主标題下(xià)方添加色塊來豐富一(yī)下(xià)版面,版式部分就完成了(le),接下(xià)來開(kāi)始配色。
因為(wèi)我們要(yào)用到采樣的這(zhè)個黃(huáng)色所以主色已經确定了(le),但(dàn)是這(zhè)個畫(huà)面隻用一(yī)個顔色顯然是不夠的,所以我們還需要(yào)其他(tā)顔色。
因為(wèi)考慮到設計的內(nèi)容和(hé)風(fēng)格所以我覺得配色上(shàng)應該有一(yī)些對比,但(dàn)是又不想使用對比很(hěn)強的互補色,所以這(zhè)裏我選擇對比色,但(dàn)是黃(huáng)色的對比色有兩個應該選擇哪個呢,這(zhè)裏我選擇了(le)紫色。
因為(wèi)如(rú)果了(le)解NBA的話應該知道(dào),湖人(rén)隊的球衣本身就是黃(huáng)色和(hé)紫色,也就是人(rén)們所謂的紫金(jīn)戰袍。
但(dàn)是這(zhè)個紫色有些偏紅(hóng),所以我們可(kě)以調整成偏藍(lán)一(yī)些。這(zhè)也是我想告訴大家的一(yī)點就是配色是靈活的,千萬不要(yào)死腦筋。
輔色确定了(le)之後就可(kě)以為(wèi)畫(huà)面填充顔色了(le),但(dàn)是我們看(kàn)填充完顔色之後人(rén)物(wù)圖片的顔色有些不協調,所以人(rén)物(wù)的顔色也需要(yào)調整。
這(zhè)樣看(kàn)上(shàng)去就會好很(hěn)多,那(nà)麽第一(yī)個案例就完成了(le)。
2. 案例二
第二個案例我們選擇鞋子來當主體,然後編排主标題。
将其餘信息圍繞主體鞋子來編排,通(tōng)過适當的變形角度來為(wèi)畫(huà)面增加靈動。
但(dàn)是兩側很(hěn)明(míng)顯太空了(le)所以可(kě)以添加色塊和(hé)文字,版式部分就完成了(le)。
因為(wèi)我們設計的這(zhè)三個Banner是一(yī)個系列的,所以配色也應該是統一(yī)的不需要(yào)改動。
3. 案例三
我們再來看(kàn)看(kàn)最後一(yī)個案例,前兩個案例分别是以人(rén)物(wù)為(wèi)主體和(hé)以産品為(wèi)主體,所以第三個案例我就直接用文字編排,将文字信息進行(xíng)分組給圖片留好位置。
為(wèi)了(le)增加一(yī)些形式感,下(xià)方的标題同樣進行(xíng)描邊處理并進行(xíng)裁剪。
那(nà)麽同樣使用這(zhè)組配色,将圖片放置到預先留好的位置上(shàng),這(zhè)個案例也就完成了(le)。
最後我們來看(kàn)一(yī)下(xià)整體效果和(hé)效果圖。
本期教程到這(zhè)裏就結束了(le),我們從(cóng)幾個不同的角度去對色彩進行(xíng)拆解,大家回去之後可(kě)以自(zì)己多加練習,每天解構一(yī)個色彩,這(zhè)樣長(cháng)期積累下(xià)來,你就會在不知不覺中創建了(le)一(yī)套屬于你自(zì)己的配色體系。
但(dàn)是我相信肯定會有人(rén)有疑問(wèn),如(rú)果照這(zhè)樣做(zuò)那(nà)糾錯機制在哪?因為(wèi)這(zhè)些都(dōu)是大家自(zì)己去創建的很(hěn)多內(nèi)容不一(yī)定對,如(rú)果你有這(zhè)樣的疑問(wèn)那(nà)說明(míng)你是認真學習的人(rén),但(dàn)是我這(zhè)套方法并不是沒有糾錯機制,這(zhè)個糾錯機制就是你自(zì)己,在漫長(cháng)的時(shí)間(jiān)裏你的成長(cháng)、曆練、感受、學習都(dōu)會影響你對一(yī)個色彩的認知,可(kě)能(néng)幾個月甚至幾天之後你看(kàn)待同一(yī)個色彩的感覺都(dōu)是不同的。所以放心大膽的去做(zuò)吧,隻要(yào)你肯堅持,火(huǒ)候到的時(shí)候自(zì)然就會有所收獲。