好了！

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

前言：

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

色彩的原理是什么？

我們看到的任何顏色的物體，其實(shí)都是沒有顏色的，是包含了各種顏色的光線，照射到物體的表面，例如青瓜之所以綠色，是因?yàn)樗烟柟饫锩娴钠渌伾嘉樟?，就是綠色無法吸收，就反射到你的眼睛里，讓你看到是綠色。

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

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

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

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

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

綠色！

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

如果經(jīng)常看視頻，我們應(yīng)該知道，就是關(guān)于古天樂。

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

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

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

看圖，先了解一下我們對(duì)綠色的認(rèn)知！

我把色彩分成2個(gè)緯度，一個(gè)是大自然中的，一個(gè)是社會(huì)意識(shí)中的。

為什么這樣分？

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

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

也是因?yàn)橹脖痪G色的這個(gè)大自然共識(shí)，所以經(jīng)常都會(huì)被人類社會(huì)用來表達(dá)一些比較舒適的感念，例如安全，同意等等。。

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

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

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

所以這個(gè)是嚴(yán)重的認(rèn)知對(duì)立，所以說你的股票綠了，可能是恭喜你呢！

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

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

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

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

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

接下來，不說廢話，

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

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

01.淺綠色

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

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

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

正面情緒：

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

負(fù)面情緒：

脆弱，無力。

美食

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

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

美妝

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

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

環(huán)保

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

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

家居

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

戶外

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

海報(bào)

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

注意！

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

說那么多

咱們來操。。。。作一個(gè)。

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

香奈兒的這個(gè)香水。放心啦，不貴的！

step1:

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

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

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

step2:

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

簡單的排版文字，

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

略顯蒼白。

需要再增加點(diǎn)細(xì)節(jié)來襯托它。

step2:

duang~

增加點(diǎn)和屬性匹配的鮮花綠色，

整個(gè)畫面馬上生機(jī)勃勃了！

香水的味道估計(jì)你都可以聞到了。

增加點(diǎn)嬌花，果然很不一樣對(duì)吧！

完善一下下面部分，

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

無論是色調(diào)，

還是元素，

還是排版，

字體等等，

都必須一致。

完整版本看一看！

不要因?yàn)槲沂前㈤T而吝嗇對(duì)我的贊美，

老鐵，趕緊雙擊666好嗎？

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

02.純綠色

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

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

正面情緒：

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

負(fù)面情緒：

邪惡，詭異。

美食

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

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

運(yùn)動(dòng)

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

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

廣告

綠色雖然是中性色，但是它的存在感卻是十分強(qiáng)，很搶眼球。適當(dāng)加入藍(lán)色或黃色點(diǎn)綴，可讓畫面生動(dòng)而強(qiáng)烈，用在海報(bào)和廣告上非常合適。

海報(bào)

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

注意！

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

在實(shí)際的設(shè)計(jì)中我們可以適當(dāng)降低飽合度，在純綠色中加入藍(lán)色或者黃色，都能有不錯(cuò)的效果。

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

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

同學(xué)們??！紅配綠一定要講規(guī)矩！

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

也就是黑白灰，不然就是災(zāi)難。

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

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

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

又到了案例時(shí)間！

來做一個(gè)啤酒廣告！

step1:

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

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

step2:

好，決定做一個(gè)左右排版的版式。

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

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

step3:

背景如何是單色，

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

所以在左上角給它添加點(diǎn)顏色，

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

step4:

因?yàn)楫嬅骟w現(xiàn)的是背部來光，

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

增加一些邊緣高光。

step5:

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

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

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

step6:

duang~~~

增加點(diǎn)細(xì)節(jié)，

完事了！

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

走，下一波。

03.深綠色

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

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

正面情緒：

深綠色看起來茂盛，具有很強(qiáng)的生命力。

負(fù)面情緒：

沉悶，壓抑。

美食

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

美妝

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

運(yùn)動(dòng)

深綠色有點(diǎn)點(diǎn)邪惡感，這點(diǎn)比較契合競技體育中運(yùn)動(dòng)員那種不顧一切的求勝欲。

中國風(fēng)

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

游戲

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

海報(bào)

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

注意！

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

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

素材，就是2個(gè)不同的抹茶。

step1:

老規(guī)矩，

先大致定一下版式。

step2:

添加一下紋理，

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

下面那個(gè)竹席，可以理解為紋理，

也可以理解為畫面素材，

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

作用也是2者皆有。

step3:

畫面合成的最重要一步，

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

增加光影之后，

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

step4:

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

因?yàn)槭侨帐降漠a(chǎn)品，

所以我采用了豎排版，

呼應(yīng)主題。

step5:

增加點(diǎn)細(xì)節(jié)，讓畫面豐富。

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

step6:

最后一步，

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

暗化處理，

這樣它們就不會(huì)搶了主角的戲份了！

duang~~~~

好了，完事了這一期！