在群里經(jīng)常看到一些初級(jí)設(shè)計(jì)師都會(huì)有一個(gè)通病，在選擇顏色漸變的時(shí)候都拿不準(zhǔn)，顏色發(fā)灰顯得臟，不通透，但又不知道是哪里出的問題，看完這篇文章，也許就不會(huì)那么抓狂了。關(guān)于漸變色的趨勢(shì)和應(yīng)用，之前文章里面也有講過，如“扁平化網(wǎng)頁設(shè)計(jì)中的漸變運(yùn)用”這次分享不會(huì)深入的去分析每個(gè)顏色的屬性，因?yàn)橛刑嗟奈恼潞蜁v解過了，本文是漸變快速技巧實(shí)戰(zhàn)篇。

我們?cè)谏钪锌吹降耐硐?，還是日常banner或者是界面中按鈕的應(yīng)用，漸變色彩的搭配無疑是目前設(shè)計(jì)師非常喜歡的形式，然而調(diào)出這種漸變色并不是一件容易的事。

不賣關(guān)子，給大家先上個(gè)圖，這是用下面的方法調(diào)出來的部分漸變色，毫無抵抗力啊，當(dāng)然還可以延展非常多。

我們打開Photoshop，拾色器默認(rèn)情況都是下面這樣的，我們也都習(xí)慣的在這個(gè)模式下去選擇顏色，但今天會(huì)給大家介紹下其他模式的應(yīng)用。

先簡(jiǎn)單介紹一下HSB,Lab,RGB,CMYK是什么功能，其實(shí)這是幾種不同的色彩模式。

- HSB模式中：H表示色相，S表示飽和度，B表示亮度。

- RGB模式中：是指的三原色，R紅色、G綠色、B藍(lán)色

- Lab模式中：L表示亮度，a表示從紅色至綠色范圍的顏色分量，b表示從黃色至藍(lán)色范圍的顏色分量。

- CMYK模式中：C青色、M洋紅（品紅）、Y黃色、K黑色

很多剛接觸Photoshop的這個(gè)軟件的同學(xué)，如果打開拾色器是下圖這樣，拾色器中間的豎條不是默認(rèn)的多色情況，多數(shù)會(huì)以為軟件出問題了，然后搜索問題。

剛接觸PS的我也是如此，但前幾天的又一次鼠標(biāo)意外，發(fā)現(xiàn)拖動(dòng)滑塊可以非常好的運(yùn)用RGB模式去搭配顏色，尤其是臨近色和純色的的搭配（之前雖然知道類似的，但是這個(gè)能更直觀的看到）下面舉例紅綠藍(lán)顏色的搭配，當(dāng)然還可以延伸出更多的色彩搭配，更多可以打開ps實(shí)踐玩起來。

雖然得到了這些很棒的漸變色，可以幫助更好的進(jìn)行選擇，但是在選擇的過程中依然要對(duì)飽和度、明度的細(xì)微調(diào)整才能使用。

除了用拾色器進(jìn)行色彩的選擇，還有其他的很多方法可以進(jìn)行顏色的搭配，下面在列舉一種純懶人方法，我們經(jīng)常會(huì)在電影中或者一些風(fēng)景中看到非常棒的顏色搭配，我頻繁使用的一個(gè)方法就是高斯模糊。

1、首先找到一張你滿意的圖片（網(wǎng)上搜的圖，沒有高清無碼的，老司機(jī)自行腦補(bǔ)細(xì)節(jié)）這個(gè)方法不要求圖片的大小，小圖一樣可以。

2、濾鏡-模糊-高斯模糊，半徑根據(jù)你選取的圖片去調(diào)整。

3、模糊之后還是會(huì)顯得畫面發(fā)灰，那這個(gè)時(shí)候就需要你用曲線和色彩飽和度配合去調(diào)整，通常情況下發(fā)灰都是對(duì)比度不夠，那就加對(duì)比，一個(gè)曲線解決不了，那就拉倆個(gè)。

4、最好一步，移動(dòng)到合適的位置，也可以像我一樣截取某一塊進(jìn)行拉伸，簡(jiǎn)單幾步，你想要的顏色就出來了，初次用這個(gè)方法還可以用得到的圖片加上圖層混合模式去疊加在某張圖片上， 也會(huì)有意外效果，熟練幾次這個(gè)方法你一定會(huì)非常喜歡的，沒事多多舉一反三。

最后也給大家推薦下這個(gè)漸變網(wǎng)站，uigradients提供了多種漸變色配色方案，并且鍵盤左右可切換，也可以直接復(fù)制色值，下次你就可以霸氣的給對(duì)方扔幾十個(gè)漸變?nèi)ミx。