阿門色彩教程-小綠書
好了！
讓大家久等了，這一篇，足足等了三周，沒辦法，工作忙，抽不出時間，按照時間就是金錢的折算，這一篇足足是花了了好幾萬塊錢的時間換來的。希望大家認真學習！不然我都不想浪費時間寫了！
前言：
色彩學，或者說是配色技能，是我們設計師最需要的技能之一，普通人來說，談論一個物體外在，經常用到的2個緯度，那就是形色，形是指輪廓，色當然就是指它表現出來的顏色，色彩。
色彩的原理是什麼？
我們看到的任何顏色的物體，其實都是沒有顏色的，是包含了各種顏色的光線，照射到物體的表面，例如青瓜之所以綠色，是因為它把太陽光裡面的其他顏色都吸收了，就是綠色無法吸收，就反射到你的眼睛裡，讓你看到是綠色。
對色彩的認知和配色的技巧，對於大部分人來說，都是靠天生的色彩感知和後天的環境影響，天生的感知來自眼球對色彩的敏銳度，大部分人都非常接近，甚至是一模一樣，但是後天環境的影響就大不同了。
例如，黃袍，是中國歷代皇朝，只有皇帝才可以穿的衣服，普通老百姓是不可以穿黃色衣服的，不然就是一死！
但是誰想得到，在遙遠的敘利亞，黃色居然是代表著死亡，這就很尷尬！
不知道古代的中國有沒有和那麼遙遠的國度有所邦交，如果有，估計有點文化衝突的尷尬了。
開始今天的內容，
綠色！
這幾年，我們聽得到最多的綠色在哪兒？
如果經常看視頻，我們應該知道，就是關於古天樂。
綠了綠了，古天樂綠了。。。。
不知道這個遊戲廠商什麼目的，但是為了眼球，的確無所不用其極，可憐的天樂哥哥被黑了一道。
但是無論怎麼黑，綠色始終使我們最喜歡的顏色之一，而且每天一定都會大量看到（起早貪黑的同學們就看得少一些）
看圖，先了解一下我們對綠色的認知！
我把色彩分成2個緯度，一個是大自然中的，一個是社會意識中的。
為什麼這樣分？
由於這個星球上的大部分植物都是綠色，所以我們長年累月總結出來綠色就是代表著生命，生生不息。這裡可能你要抬杠一下，動物也是生命啊，但是為什麼它們不是綠色，這位同學，工地就缺你這種人才。
動物什麼顏色的都有，它們是無法形成統一印象的，所以為什麼做設計的時候，我們要善於總結規律才可以更好地去利用它們呢？
也是因為植被綠色的這個大自然共識，所以經常都會被人類社會用來表達一些比較舒適的感念，例如安全，同意等等。。
在社會認知的層面，我們舉一個經典的案例。
大陸的股票上漲是紅色的，下跌是綠色的。
但是香港和國際接軌，紅色是下跌，綠色才是漲。
所以這個是嚴重的認知對立，所以說你的股票綠了，可能是恭喜你呢！
看看上面的那些詞，基本上都是正面的，積極的意義。
綠色在黃色與藍色（冷暖）之間，它是一種中性色，可寒可暖，因此綠色的性格最為平和、安穩、大度。
綠色具有自然屬性，因此常常被用在健康、自然的相關行業。綠色可以讓食物看起來新鮮和環保，而工業設備如果塗上綠色，則會讓人感覺安全。
當一想到綠色，大多數人會想到戶外和植物，因此它能讓人感到放鬆。在閱讀的時候，由於綠色的平和性，它能有效降低視覺疲勞度。
正是基於這些特性，綠色被設計師們廣泛應用在各種設計中。
接下來，不說廢話，
說下怎麼用好綠色來做設計！
而它們的大致屬性，是這樣的。
01.淺綠色
屬於高明度+低純度的綠色。
淺綠色的表現和屬性：
順便告訴一下你，這個色彩在哪兒取。
正面情緒：
淺綠色在視覺上顯現柔和舒適的感受，非常的小清新，很容易讓人聯想到雨後的嫩芽，充滿希望與生命力。
負面情緒：
脆弱，無力。
美食
淺綠色的清新與自然屬性，能讓食物看起來非常的新鮮與可口。
但是，綠色也是不成熟的感覺，比如表達酸味，也可以用綠色，所以你看到很多酸筍的包裝都是綠色。
美妝
淺綠色與檸檬黃會讓畫面顯得清新自然。這讓圖中的化妝品顯現出中性化，男女皆宜。
而且綠色的香水包裝，基本上都是很清新的味道，不會是濃香型的。
環保
綠色的產品與設備，能給人傳遞出材料上的原生態，與功能上低碳環保的理念。
盡量不要做出這種來。。。
家居
低飽合度的淺綠色是家居產品設計中最常用到的顏色之一，它會讓人感受到家所帶來的平靜與舒適。
戶外
綠色與天藍色是大自然中最多的顏色，它們象徵著生機與活力，很適合戶外相關主題。
海報
綠色雖然是藍和黃的中間色，但它卻是存在感很強的顏色。不同的配色方案能使它呈現出清新淡雅，也可以變得濃妝艷抹。完全不同擔心它無法引起關注。
注意！
淺綠色系有優雅、休息、安全、和睦、寧靜、柔和的感覺。添加微小的漸變效果更能加深這種印象。但頁面配色上淺色過多時，整個網頁容易呈現發"灰"的感受，這就需要適量的添加純度稍高的顏色來輔助色綠色塊，適當的鮮艷的點睛都能很好的解決這一問題。
說那麼多
咱們來操。。。。作一個。
就做一個香水的官網吧！
香奈兒的這個香水。放心啦，不貴的！
step1:
構建網站的主框架，
根據產品的特性，
選擇了小巧精緻的網站框架。
step2:
增加畫面種的產品和環境的光影效果，
簡單的排版文字，
詞是網站是單色調的，
略顯蒼白。
需要再增加點細節來襯托它。
step2:
duang~
增加點和屬性匹配的鮮花綠色，
整個畫面馬上生機勃勃了！
香水的味道估計你都可以聞到了。
增加點嬌花，果然很不一樣對吧！
完善一下下面部分，
要注意風格的統一，
無論是色調，
還是元素，
還是排版，
字體等等，
都必須一致。
完整版本看一看！
不要因為我是阿門而吝嗇對我的讚美，
老鐵，趕緊雙擊666好嗎？
好了，這一部分完整，我們講下一part！
02.純綠色
屬於高明度+高純度的綠色。
純綠色的表現和屬性：
正面情緒：
純綠色給人朝氣蓬勃的感覺，它象徵一種生命力，這是其它所有顏色所不能比擬的。
負面情緒：
邪惡，詭異。
美食
純綠色能很好表現出食物原本的質感，展現出食物清爽、
原生態的一面。加入暖色對比，會大大增加食物的美味感。
運動
綠色不像紅色那樣充滿激情與力量，綠色很容易讓人聯想到草地、戶外，是給人去野、去嗨的感覺。
從上圖1，你可以知道，單純的一個顏色，無論層次多麼豐富，都是無法讓畫面有強大的力量感的，所以圖1加入了一個紫紅色的按鈕，另外導航的黑色也會讓畫面增加力量的。
廣告
綠色雖然是中性色，但是它的存在感卻是十分強，很搶眼球。適當加入藍色或黃色點綴，可讓畫面生動而強烈，用在海報和廣告上非常合適。
海報
很正的純綠色其實是一種讓人不適的顏色，單獨使用來表現食物會讓人很沒食慾，但是放在一些特定的主題上，反而能給人深刻的印象，個性十足。
注意！
雖說綠色是一種讓人感到舒適的顏色，但是100%的高飽合度純綠色的使用卻需要謹慎，它會讓人產生一些負面情緒，除非是特定主題。
在實際的設計中我們可以適當降低飽合度，在純綠色中加入藍色或者黃色，都能有不錯的效果。
我知道大家一定對紅配綠很感興趣，所以這裡說一下，紅配綠本身是不難看的，但是一定要注意配色的技巧。
災難式的紅綠配色結果。
同學們啊！紅配綠一定要講規矩！
規矩一，紅色配綠色，一定要加入無感情的中性色！！！
也就是黑白灰，不然就是災難。
規矩二，一定要控制好比例！！！！！！！
（不要穿太綠的綠色啊，純度降低少許會舒服很多）
就是我剛剛說到的，不要使用過於色相過於窄的配色方案，不然畫面很單調和無力。
又到了案例時間！
來做一個啤酒廣告！
step1:
先給它定一個色調。
也尋找一下版式的可能性。
step2:
好，決定做一個左右排版的版式。
為了體現啤酒的細節，
使用裁剪和局部特寫的手法。
step3:
背景如何是單色，
那就太單調了。
所以在左上角給它添加點顏色，
這個漸變色可以讓畫面的前後感出來。
step4:
因為畫面體現的是背部來光，
那麼產品就要做匹配的光影調整了。
增加一些邊緣高光。
step5:
基調什麼都OK了，
那麼就是排版上的細節的事了。
要正對產品屬性去選擇字體等。
step6:
duang~~~
增加點細節，
完事了！
回顧一下，各位老鐵要記得，要讓畫面豐富，不一定是增加很多顏色進去，而是利用微小的色彩調整，讓它整體和諧中帶有點可意會不可言傳的變化。
走，下一波。
03.深綠色
屬於高明度+低純度的綠色。
淺綠色的表現和屬性：
正面情緒：
深綠色看起來茂盛，具有很強的生命力。
負面情緒：
沉悶，壓抑。
美食
深綠色看起來很成熟，用在美食上會讓人感覺食材的選取非常講究，口感細膩而豐富。
美妝
深綠色適合用在那些高檔、偏成熟用戶群的化妝品產品上，細膩的色彩層次能很好的突出產品質地。
運動
深綠色有點點邪惡感，這點比較契合競技體育中運動員那種不顧一切的求勝欲。
中國風
偏灰的深綠色有著濃濃的中國風，這種青色是古人常用的顏色之一，並且有著美好的寓意，比如說「平步青雲」。
遊戲
有些遊戲中，會設置一些偏向邪惡的角色設定，為什麼？多玩幾款遊戲你就會明白。
海報
深綠色剛剛說了容易邪惡，那麼需要加入一些搞怪的元素，才可以削弱它的邪惡感。
注意！
深綠色是一種比較厚重的顏色，過高的飽合度會讓它顯得很不自然，當把它設定為主色調時，最好是降低一些飽合度，這樣可以呈現出原本的細膩與典雅。
繼續做一個吃的！
素材，就是2個不同的抹茶。
step1:
老規矩，
先大致定一下版式。
step2:
添加一下紋理，
這樣畫面才會又更好的質感。
下面那個竹席，可以理解為紋理，
也可以理解為畫面素材，
是2者的結合體，
作用也是2者皆有。
step3:
畫面合成的最重要一步，
那就是光影的統一。
增加光影之後，
畫面的立體感馬上出來了。
step4:
增加文字上和細節上的排版。
因為是日式的產品，
所以我採用了豎排版，
呼應主題。
step5:
增加點細節，讓畫面豐富。
但是注意，不可以因此而亂掉了畫面。
step6:
最後一步，
把剛剛增加的細節，
暗化處理，
這樣它們就不會搶了主角的戲份了！
duang~~~~
好了，完事了這一期！
希望這篇文章可以幫到你。
如果你第一次系統地接觸配色，那麼請你收藏這篇文章反覆讀幾次。
如果你覺得寫得特別好，可以分享給你的朋友，同事。因為我在後台可以看到閱讀次數，分享次數，這些都是決定我是否需要繼續往下寫其它的判斷依據，畢竟時間寶貴，多人喜歡就繼續，並不是那麼喜歡就不必須要浪費時間了。
為了更完善地為你提供裝逼的條件，
我特意把這個教程整理成ppt，方便你在公司，或者在其它場合可以使用。
下載地址：https://pan.baidu.com/s/13O3VRgkTrMyOqttijEXl6w
寫教程真的非常非常非常費時間，如果工作稍稍忙一些，就完全沒法抽到那麼多時間出來了。
這一篇，花了3個星期，希望大家可以喜歡。
如果時間允許，2周後會有下一篇，各位門友，等我。
下一期見。
（看完這篇都不讚賞請阿門喝一瓶脈動適合嗎？！？小聲BB ）
越努力，越幸運。
這裡是龐門正道。
TAG:龐門正道 |