Hi~
小夥伴們上午好!
今天小多給大家分享一些關於色彩的知識以及配色的一些小技巧,全文共3000字左右,預計閱讀時間8分鐘。
配色對於設計而言是尤為重要的。因為色彩是最具有表現力的要素之一,是可以直接影響人的感情。當你去感受一個有作品時,色彩往往能給你最直觀的感受:喜歡或者不喜歡。
了解色彩
在學習配色前,我們得先認識色彩。所以先來一起觀察幾組圖片,讀懂一些色彩。
看看下面這組水果沙拉,哪一張圖片更讓你有食慾?是不是右邊這張會更想吃一點。因為右邊這張色彩鮮豔,看上去明顯會比左邊這張更新鮮也更有味道。
再來看下面這組圖,同一個小女孩,那張會讓你感覺更有求助的欲望?很明顯,右邊這張小女孩圖片能讓人最直觀感受到她需要被幫助。
再比如要求做一張扶貧公益海報,你此刻應該放一張穿著光鮮亮麗、滿身名牌的小孩照片,還是衣衫普通甚至衣衫襤褸的小孩照片?毫無疑問,當然是後者。(此處只是為了更貼近宣傳目的和意境,不接受抬槓。)
一起看最後這組,同樣是歡笑熱舞,哪一張讓你感覺更加熱鬧?是不是仍然是右邊這張,因為紅色給人的感覺比左邊的顏色更強烈,更有熱鬧氛圍。
經過以上幾組圖片觀察,大家是不是發現色彩不單單是我們理性上看見的顏色種類,它還帶有感性的一面。
這也就是我們常常談論的理性色彩、感性色彩。
理性:人類通過肉眼看到物體、人類看到不同色彩。
感性:反射光線後的波長的表現、產生不同的心理感受。
對色彩有了基本的認識後,我們來更深層次的了解下色彩。
色彩的三大屬性
色相、純度、明度。
色相:色相是色彩的最大特徵,是區別不同色彩的的標準。除黑白灰以外的任何顏色都有色相的屬性,如玫瑰紅、紫紅、桔黃、檸檬黃等。
純度:(也稱彩度、飽和度)色彩的純度是指色彩的純淨程度。當色彩的純度高,色彩就越發鮮豔奪目;當色彩的純度低,色彩就會變得沉著灰暗。當純度無限接近於0時,就是灰階圖像了。
明度:指色彩的深淺明暗程度,接近白色的明度高,接近黑色的明度低。明度高的色彩讓人感到活潑、輕快,明度低的色彩則給人穩重、沉靜感。
色彩分類
色彩的溫度
色彩本身沒有溫度,但是反射到人的眼裡它就有了冷暖之分。關於冷的顏色,基本就是藍、紫、白為主。
這些為什麼是冷色?因為自然界裡,冷的時候基本上呈現的就是下面這些顏色。
再來看下面這張,男豬腳的衣服看起來是不是更暖和一些?因為橙色能讓人聯想到火焰太陽這些,自然增加心中一絲暖意。
關於暖的顏色,自然是讓人看著就發熱,例如紅、橙、黃等比較溫暖的顏色。
一起看看下面這些圖,是不是感覺很溫暖,甚至有點要熱出汗的感覺?
如果你想在冬天要拍出熱的感覺,要麼想辦法讓畫面多點橙色紅色,要麼後期把畫面P成暖色的感覺。
色彩的性別
不知道大家平時有沒有發現一些針對男性用戶的產品包裝或是衣服用的都是飽和度較低的顏色,甚至大膽的直接用黑白做背景色。
比如下面這款為男士設計的洗面奶,瓶身黑色,少許低飽和度的綠色。
而對於專門為女性設計的產品來說,顏色更偏向於粉色。
粉色是比較軟綿綿的感覺,沒有攻擊力的感覺,對女性來說,往往會覺得它們比較安全,可愛等感覺。當然啦,凡事都是有例外,也有一些女性比較喜歡黑白灰。
除了男女之外,兒童的喜歡的色彩也是不忽視的。畢竟現在的消費等級是老人/孩子>女人>寵物>男人,所以兒童作為消費鏈的最高級,你敢忽視它們的喜好嗎?
對於小孩子來說,它們更需要強烈的色相來學習辨認色彩,同時他們對色彩的認知基本上只有色相的區別,不存在明度深淺純度深淺之分,所以在針對兒童的設計,儘量地使用鮮豔的顏色,儘量地使用全色相的設計。千萬不要以成人的美醜來定義它們的美醜。
色彩的行業屬性
科技、地產、健康、兒童、遊戲、電影、體育、金融、飾品、餐飲。
以上就是色彩的大致分類了。
配色方法技巧
配色第一要點那麼了解了這些分類後,我們需要思考一個問題:一個成功的配色方案的第一要點是什麼?
仔細觀察上面的招聘海報,是不是發現每一張海報的顏色都很明確,比如第一張是綠色,第二張是紅色,第三張是藍色,第四張是黃色。
再來看上面這個頁面,雖然他有輔助色瑰紅存在,但是不是也一眼可以看出頁面是灰色。
所以成功的配色方案第一要點就是:一個顏色!也就是說看第一眼就能說出你頁面是什麼顏色。
配色流程如下
1.確認調性及主色
確定調性這一步是很關鍵的,因為它幾乎決定了你最終作品展現的效果及風格。這一步若是錯了,後面的設計相當於白費。比如說老闆需求是要唯美風小清新感覺的,而你表現出強有力的感覺,那這種設計就是不準確的、失敗的。
調性確定好後,就要根據調性來選擇主色。一定要記住主色不是最突出的顏色,而是面積最大的顏色,它的主要作用就是烘託氛圍。
2.確認輔助色
輔助色主要是為了平衡主色,或者起突出作用,因為一種顏色看見了眼睛是會疲勞的。可以根據主色來選擇相近色,也可以用補色等,這一步確定好的輔助色在後期也不是一層不變的。
3.設定色彩面積
主色與輔助色確定好後,就要開始設定兩者的面積比例。主色一般標準情況下是佔到整個畫面的50%-60%,輔助色標準情況下佔到整個畫面的30%40%。
4.不斷修正調整
調整這個階段很重要,因為就算前面確定了主色和輔助色,你的畫面也不一定好看。那這個時候就需要不斷的調整,比如調整明度和飽和,又或者增加無色相的黑白灰進去,也許會有意想不到的效果。
配色小技巧
對於新手來說,配色是個大難題。但它也是可以簡單化的,下面就給大家分享3種可快速掌握的配色小技巧,就算是新手也能學會哦!
單色法在明確了色系後,我們可以選擇單色去延伸至整個畫面,一般為了顯得畫面活潑一點,會適當加入一點輔助色。這樣最大的有點就算色系會非常統一,給人留下該色系的印象深刻。
單色法配色秘訣(HSB)
單色法最最重要的一點就是要有層次感,那怎樣才能配出層次感呢?一起往下看!
方法1:色彩飽和度/明度有變化,但是有少許單調。
方法2:同樣色彩飽和度/明度變化,但是再加上輕微的色相變化,看看是不是色彩的層次感就出來了!
這麼好用的小技巧,趕快收藏吧!
採物法採物法是將畫面裡的物體的色彩來作為配色基礎,然後再去延伸至整個畫面。一般情況下,都是採用主體或者背景的顏色。採物法對於新手來說十分好用,不論是專題、Banner還是海報都很實用!
以下面這張Banner圖為例,一起來看看採物法究竟怎麼運用。
該Banner圖的背景和部分文案都採用了主體模特外套的顏色,將外套的深藍色降低明度、純度來運用;而另一部分文案採用了主體模特打底衣物的白色。
怎麼樣,是不是很簡單!老闆以後再也不用擔心我的配色啦~
吸色法吸色法對新手而言是最友好的了,就算沒有任何基礎也能輕鬆駕馭!
該方法就是將一張優秀的設計作品或者自己拍的色彩比較好的照片拖到PS裡面,然後吸裡面的色彩,用到自己的設計稿上就行。當然了,還是要稍微注意色彩比例,不能和原作品相差太多,不然可能會顯得不和諧不好看。
可以參考怪獸模版網www.templatemonster.com ,他們的用色一般都非常鮮明,比較百搭。
也可以參考一些大師拍的照片來做配色參考。
學會這招,配色是不是變得so easy!
以上,就是今天要交給大家的一些基礎配色方法。當你對色彩不夠敏感或者對於配色毫無經驗基礎的話,那麼學會這些方法技巧後是可以很快上手的。
今天分享就到這裡啦,你學廢了嗎?
首發原文連結:https://mp.weixin.qq.com/s/w91zWKcmj7N4chhplGbTsg