好了！

讓大家久等了，這一篇，足足等了三周，沒辦法，工作忙，抽不出時間，按照時間就是金錢的折算，這一篇足足是花了了好幾萬塊錢的時間換來的。希望大家認真學習！不然我都不想浪費時間寫了！

前言：

色彩學，或者說是配色技能，是我們設(shè)計師最需要的技能之一，普通人來說，談論一個物體外在，經(jīng)常用到的2個緯度，那就是形色，形是指輪廓，色當然就是指它表現(xiàn)出來的顏色，色彩。

色彩的原理是什么？

我們看到的任何顏色的物體，其實都是沒有顏色的，是包含了各種顏色的光線，照射到物體的表面，例如青瓜之所以綠色，是因為它把太陽光里面的其他顏色都吸收了，就是綠色無法吸收，就反射到你的眼睛里，讓你看到是綠色。

對色彩的認知和配色的技巧，對于大部分人來說，都是靠天生的色彩感知和后天的環(huán)境影響，天生的感知來自眼球?qū)ι实拿翡J度，大部分人都非常接近，甚至是一模一樣，但是后天環(huán)境的影響就大不同了。

例如，黃袍，是中國歷代皇朝，只有皇帝才可以穿的衣服，普通老百姓是不可以穿黃色衣服的，不然就是一死！

但是誰想得到，在遙遠的敘利亞，黃色居然是代表著死亡，這就很尷尬！

不知道古代的中國有沒有和那么遙遠的國度有所邦交，如果有，估計有點文化沖突的尷尬了。

開始今天的內(nèi)容，

綠色！

這幾年，我們聽得到最多的綠色在哪兒？

如果經(jīng)?？匆曨l，我們應該知道，就是關(guān)于古天樂。

綠了綠了，古天樂綠了。。。。

不知道這個游戲廠商什么目的，但是為了眼球，的確無所不用其極，可憐的天樂哥哥被黑了一道。

但是無論怎么黑，綠色始終使我們最喜歡的顏色之一，而且每天一定都會大量看到（起早貪黑的同學們就看得少一些）

看圖，先了解一下我們對綠色的認知！

我把色彩分成2個緯度，一個是大自然中的，一個是社會意識中的。

為什么這樣分？

由于這個星球上的大部分植物都是綠色，所以我們長年累月總結(jié)出來綠色就是代表著生命，生生不息。這里可能你要抬杠一下，動物也是生命啊，但是為什么它們不是綠色，這位同學，工地就缺你這種人才。

動物什么顏色的都有，它們是無法形成統(tǒng)一印象的，所以為什么做設(shè)計的時候，我們要善于總結(jié)規(guī)律才可以更好地去利用它們呢？

也是因為植被綠色的這個大自然共識，所以經(jīng)常都會被人類社會用來表達一些比較舒適的感念，例如安全，同意等等。。

在社會認知的層面，我們舉一個經(jīng)典的案例。

大陸的股票上漲是紅色的，下跌是綠色的。

但是香港和國際接軌，紅色是下跌，綠色才是漲。

所以這個是嚴重的認知對立，所以說你的股票綠了，可能是恭喜你呢！

看看上面的那些詞，基本上都是正面的，積極的意義。

綠色在黃色與藍色（冷暖）之間，它是一種中性色，可寒可暖，因此綠色的性格最為平和、安穩(wěn)、大度。

綠色具有自然屬性，因此常常被用在健康、自然的相關(guān)行業(yè)。綠色可以讓食物看起來新鮮和環(huán)保，而工業(yè)設(shè)備如果涂上綠色，則會讓人感覺安全。

當一想到綠色，大多數(shù)人會想到戶外和植物，因此它能讓人感到放松。在閱讀的時候，由于綠色的平和性，它能有效降低視覺疲勞度。

正是基于這些特性，綠色被設(shè)計師們廣泛應用在各種設(shè)計中。

接下來，不說廢話，

說下怎么用好綠色來做設(shè)計！

而它們的大致屬性，是這樣的。

01.淺綠色

屬于高明度+低純度的綠色。

淺綠色的表現(xiàn)和屬性：

順便告訴一下你，這個色彩在哪兒取。

正面情緒：

淺綠色在視覺上顯現(xiàn)柔和舒適的感受，非常的小清新，很容易讓人聯(lián)想到雨后的嫩芽，充滿希望與生命力。

負面情緒：

脆弱，無力。

美食

淺綠色的清新與自然屬性，能讓食物看起來非常的新鮮與可口。

但是，綠色也是不成熟的感覺，比如表達酸味，也可以用綠色，所以你看到很多酸筍的包裝都是綠色。

美妝

淺綠色與檸檬黃會讓畫面顯得清新自然。這讓圖中的化妝品顯現(xiàn)出中性化，男女皆宜。

而且綠色的香水包裝，基本上都是很清新的味道，不會是濃香型的。

環(huán)保

綠色的產(chǎn)品與設(shè)備，能給人傳遞出材料上的原生態(tài)，與功能上低碳環(huán)保的理念。

盡量不要做出這種來。。。

家居

低飽合度的淺綠色是家居產(chǎn)品設(shè)計中最常用到的顏色之一，它會讓人感受到家所帶來的平靜與舒適。

戶外

綠色與天藍色是大自然中最多的顏色，它們象征著生機與活力，很適合戶外相關(guān)主題。

海報

綠色雖然是藍和黃的中間色，但它卻是存在感很強的顏色。不同的配色方案能使它呈現(xiàn)出清新淡雅，也可以變得濃妝艷抹。完全不同擔心它無法引起關(guān)注。

注意！

淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。添加微小的漸變效果更能加深這種印象。但頁面配色上淺色過多時，整個網(wǎng)頁容易呈現(xiàn)發(fā)'灰'的感受，這就需要適量的添加純度稍高的顏色來輔助色綠色塊，適當?shù)孽r艷的點睛都能很好的解決這一問題。

說那么多

咱們來操。。。。作一個。

就做一個香水的官網(wǎng)吧！

香奈兒的這個香水。放心啦，不貴的！

step1:

構(gòu)建網(wǎng)站的主框架，

根據(jù)產(chǎn)品的特性，

選擇了小巧精致的網(wǎng)站框架。

step2:

增加畫面種的產(chǎn)品和環(huán)境的光影效果，

簡單的排版文字，

詞是網(wǎng)站是單色調(diào)的，

略顯蒼白。

需要再增加點細節(jié)來襯托它。

step2:

duang~

增加點和屬性匹配的鮮花綠色，

整個畫面馬上生機勃勃了！

香水的味道估計你都可以聞到了。

增加點嬌花，果然很不一樣對吧！

完善一下下面部分，

要注意風格的統(tǒng)一，

無論是色調(diào)，

還是元素，

還是排版，

字體等等，

都必須一致。

完整版本看一看！

不要因為我是阿門而吝嗇對我的贊美，

老鐵，趕緊雙擊666好嗎？

好了，這一部分完整，我們講下一part！

02.純綠色

屬于高明度+高純度的綠色。

純綠色的表現(xiàn)和屬性：

正面情緒：

純綠色給人朝氣蓬勃的感覺，它象征一種生命力，這是其它所有顏色所不能比擬的。

負面情緒：

邪惡，詭異。

美食

純綠色能很好表現(xiàn)出食物原本的質(zhì)感，展現(xiàn)出食物清爽、

原生態(tài)的一面。加入暖色對比，會大大增加食物的美味感。

運動

綠色不像紅色那樣充滿激情與力量，綠色很容易讓人聯(lián)想到草地、戶外，是給人去野、去嗨的感覺。

從上圖1，你可以知道，單純的一個顏色，無論層次多么豐富，都是無法讓畫面有強大的力量感的，所以圖1加入了一個紫紅色的按鈕，另外導航的黑色也會讓畫面增加力量的。

廣告

綠色雖然是中性色，但是它的存在感卻是十分強，很搶眼球。適當加入藍色或黃色點綴，可讓畫面生動而強烈，用在海報和廣告上非常合適。

海報

很正的純綠色其實是一種讓人不適的顏色，單獨使用來表現(xiàn)食物會讓人很沒食欲，但是放在一些特定的主題上，反而能給人深刻的印象，個性十足。

注意！

雖說綠色是一種讓人感到舒適的顏色，但是100%的高飽合度純綠色的使用卻需要謹慎，它會讓人產(chǎn)生一些負面情緒，除非是特定主題。

在實際的設(shè)計中我們可以適當降低飽合度，在純綠色中加入藍色或者黃色，都能有不錯的效果。

我知道大家一定對紅配綠很感興趣，所以這里說一下，紅配綠本身是不難看的，但是一定要注意配色的技巧。

災難式的紅綠配色結(jié)果。

同學們?。〖t配綠一定要講規(guī)矩！

規(guī)矩一，紅色配綠色，一定要加入無感情的中性色?。?！

也就是黑白灰，不然就是災難。

規(guī)矩二，一定要控制好比例！?。。。。?！

（不要穿太綠的綠色啊，純度降低少許會舒服很多）

就是我剛剛說到的，不要使用過于色相過于窄的配色方案，不然畫面很單調(diào)和無力。

又到了案例時間！

來做一個啤酒廣告！

step1:

先給它定一個色調(diào)。

也尋找一下版式的可能性。

step2:

好，決定做一個左右排版的版式。

為了體現(xiàn)啤酒的細節(jié)，

使用裁剪和局部特寫的手法。

step3:

背景如何是單色，

那就太單調(diào)了。

所以在左上角給它添加點顏色，

這個漸變色可以讓畫面的前后感出來。

step4:

因為畫面體現(xiàn)的是背部來光，

那么產(chǎn)品就要做匹配的光影調(diào)整了。

增加一些邊緣高光。

step5:

基調(diào)什么都OK了，

那么就是排版上的細節(jié)的事了。

要正對產(chǎn)品屬性去選擇字體等。

step6:

duang~~~

增加點細節(jié)，

完事了！

回顧一下，各位老鐵要記得，要讓畫面豐富，不一定是增加很多顏色進去，而是利用微小的色彩調(diào)整，讓它整體和諧中帶有點可意會不可言傳的變化。

走，下一波。

03.深綠色

屬于高明度+低純度的綠色。

淺綠色的表現(xiàn)和屬性：

正面情緒：

深綠色看起來茂盛，具有很強的生命力。

負面情緒：

沉悶，壓抑。

美食

深綠色看起來很成熟，用在美食上會讓人感覺食材的選取非常講究，口感細膩而豐富。

美妝

深綠色適合用在那些高檔、偏成熟用戶群的化妝品產(chǎn)品上，細膩的色彩層次能很好的突出產(chǎn)品質(zhì)地。

運動

深綠色有點點邪惡感，這點比較契合競技體育中運動員那種不顧一切的求勝欲。

中國風

偏灰的深綠色有著濃濃的中國風，這種青色是古人常用的顏色之一，并且有著美好的寓意，比如說“平步青云”。

游戲

有些游戲中，會設(shè)置一些偏向邪惡的角色設(shè)定，為什么？多玩幾款游戲你就會明白。

海報

深綠色剛剛說了容易邪惡，那么需要加入一些搞怪的元素，才可以削弱它的邪惡感。

注意！

深綠色是一種比較厚重的顏色，過高的飽合度會讓它顯得很不自然，當把它設(shè)定為主色調(diào)時，最好是降低一些飽合度，這樣可以呈現(xiàn)出原本的細膩與典雅。

繼續(xù)做一個吃的！

素材，就是2個不同的抹茶。

step1:

老規(guī)矩，

先大致定一下版式。

step2:

添加一下紋理，

這樣畫面才會又更好的質(zhì)感。

下面那個竹席，可以理解為紋理，

也可以理解為畫面素材，

是2者的結(jié)合體，

作用也是2者皆有。

step3:

畫面合成的最重要一步，

那就是光影的統(tǒng)一。

增加光影之后，

畫面的立體感馬上出來了。

step4:

增加文字上和細節(jié)上的排版。

因為是日式的產(chǎn)品，

所以我采用了豎排版，

呼應主題。

step5:

增加點細節(jié)，讓畫面豐富。

但是注意，不可以因此而亂掉了畫面。

step6:

最后一步，

把剛剛增加的細節(jié)，

暗化處理，

這樣它們就不會搶了主角的戲份了！

duang~~~~

好了，完事了這一期！