hi，我是魚先生，終身學習踐行者。

作為設計師，色彩中的漸變色是我們經常需要用到的一種設計形式，今天魚先生為大家總結了漸變色在版式設計中的 20 種表現形式，良心乾貨～

ok，開始吧！

一、機械漸變

機械的意思就是不用過多的調節，直接利用軟體裡面自帶的漸變模式，比如線性漸變，徑向漸變，菱形漸變。

再來看幾個實際例子：

使用軟體中的線性漸變

黑白色調下，突然出現一塊色彩漸變，不僅起到了吸睛的效果，同時則增加了記憶點

漸變色加上乾淨的文字排版，視覺上簡單、美觀

背景加了一層淡淡的漸變（徑向），剛好可以更好的突出主體（沒錯，就是那隻驕傲的白雞）

利用不同水果本身的色彩，來區分同類產品不同的口味

再看一組包裝案例：

上 3 張來自 Lan Anh Ng-Ho Chi Minh City, Vietnam

二、網格漸變

利用 Ai（Illustrator）軟體裡面的網格填充工具。

我們用網格工具先嘗試繪製幾個背景，如下圖：

展示一下工具（Ai），如下圖所示：

網格建立節點之後，每個節點都可以單一填充顏色，也可以隨意變形處理，從而得到你想要的漸變形態。

Ok，技能學完了，順便排個版式耍一下，完成後如下圖：

也可以嘗試加入噪點，給畫面增加點質感，下圖噪點我是在 PS 裡面添加的，操作執行：濾鏡→雜色→添加雜色→調整參數

調整後，如下圖：

以上所演示只是網格工具的一種類型，大家可以多嘗試，小技巧也有大作為。

比如，我們利用這個技巧再嘗試兩張：

大家可以看下利用網格繪製的節點圖：

沒有做很複雜的節點，如上圖所示，你也可以很快做出類似的漸變圖形。

三、混合漸變

混合漸變指的是利用 AI（Illustrator）軟體中的混合工具來操作。

為了讓大家理解清楚，我們先來嘗試一個很明顯的混合案例：

大家可以清晰地看到，藍色圓形到黃色圓形再到淺藍色圓形，我就是運用了混合模式

混合的步數越少，層次感越明顯，如上圖案例。混合步數越多，圖形會越細膩，如下圖案例。

色塊的混合漸變形式

魚提示：技巧很容易就學會，但想要熟練應用到實戰中，還需多多舉一反三才是。

OK，繼續下一個！

四、彌散漸變

上面是一個字母燈效果，我們可以看到光向四周散射，邊緣越來越模糊，最終消失，這種燈光漸漸消失的效果，就可以理解為彌散光效果。

彌散漸變效果在設計中的表現形式就是通過模糊處理，形成虛實結合的形式，具備很強的融合性。

一起來看幾張案例，加深理解：

我們嘗試做一張，如下圖：

為了大家更好的理解，上面案例我利用了虛實對比，我們看到下面的彌散效果，就是通過上面的圓球加了模糊效果而獲得。

是不是很容易就學會了？別著急去練習，還有好多乾貨呢！繼續

五、模糊漸變

模糊漸變，就是利用各種模糊工具來調整，剛才我們講過的彌散漸變，也是模糊形式。

模糊漸變比較好理解，我們直接看幾張案例。

故意給背景或元素製造模糊，形成前後關係的虛實對比，增加空間延伸感，進而更好的烘托內容

包裝中的應用

海報設計展示

書籍封面展示

六、發射漸變

發射是平面構成的一種表現形式，在色彩漸變中同樣可以使用。

看幾張案例，加深理解：

玻璃折射的發射效果

右圖：以蘋果標誌為主體，製造逆光效果，再通過色彩的補充，增加視覺衝擊力

鐳射光的效果，從中心向四周發射

以左下角為點向右上方發射，每個色塊加入漸變色，增加視覺感

七、酸性漸變

酸性設計並不是我們所謂的味覺的酸，而是一種迷幻風格、嬉皮士風格的設計形式，酸性設計中充滿著色彩的流動、音樂的律動感，讓人看了還想看。

來欣賞幾張作品：

酸性設計，看起來太爽了，會停不下來的…

ok，繼續往下講。

八、肌理漸變

肌理具備質感，大自然中自然形成的肌理很多，並且本身就具備美感，再與漸變色進行碰撞後，相當於給質感披上一層色彩的外衣。

表現形式可以是，在肌理中添加漸變或者在漸變中添加肌理，你中有我，我中有你的形態。

上兩張作者：Izvorka Juric02；類似於迷彩的肌理漸變

大筆刷肌理形式

九、流體漸變

流理解為流動的意思，看上去像水流的感覺，相對於機械漸變，多了一些層次感和藝術感。

看些案例，加深理解：

左：字體的流動效果，像瀑布又像融化了

在紅酒瓶貼設計的使用

以上 3 張作者：Juliana Cappelatti-Brazil03；化妝品的使用

十、立體漸變

平面視覺中用立體的形式來表現主體物或某個元素，可以很好的增加空間感和視覺衝擊力。

2.5D 效果，用 Ai（Illustrator）軟體的 3D 工具就可以實現

魚提示：以上幾張案例在 Ai 軟體中都比較簡單，如果大家想要教程，留言給我，需求多，我就出教程給大家。

魚先生說：

立體效果本身具備空間優勢，立體效果中的漸變不僅可以體現明暗層次，也可以直接作為色彩的表現，增加視覺衝擊力。

十一、分割漸變

漸變中有分割或者分割中有漸變，其作用不僅可以增加視覺衝擊力，同時可以形成一種錯位的即視感，讓畫面充滿趣味性和層次感。

比如下面兩張案例：

線性分割，增加層次

右：圓形分割，右圖：人物分割

右邊的人物分割形式很常見，很多人也覺得比較難實現，實際上超級簡單。

魚先生給大家演示一下過程，如下圖：

OK，背景完成了，我們順便排個版，完成後如下圖：

十二、自然漸變

大自然有其本身的顏色，非常的自然漂亮，在光的映射下會發生不同層次的色彩，我很喜歡大自然原本的形態以及色彩。

比如常見的藍天、森林、海面：

藍天、樹木、晚霞

天空與海，這種攝影圖片在設計中運用的時候，後期肯定是需要調色的

形狀與自然的結合，別有一番滋味

十三、蒙層漸變

意思是指在畫面上覆蓋一層色彩漸變，然後採用透明度或疊加模式進行相互融合，從而讓畫面色調產生統一的效果。

比如以下案例：

頂部的硝煙戰爭畫面和下部的人物，都是採用了這樣的表現形式，在設計畫面表現好之後，再利用色彩漸變的疊加，形成如上圖案例的效果

再來看幾張案例：

上面兩張使用的就是蒙層的效果，但並沒有使用明顯的漸變蒙層，可以理解為單色蒙層

左邊的畫面中，整體色調為藍色，女主的衣服是紫紅色，這就起到了吸睛（畫龍點睛）的效果。

右邊畫面中，一個女人在海邊跳舞，整體畫面昏暗、偏藍，感覺看上去就很孤獨，這是畫面給我的第一感覺。

這就是設計中的氣氛烘托，而大面積的色彩使用，是氣氛烘托的重要表現形式。

這兩張就是蒙層漸變的形式，畫面多了一些變化和延伸感

十四、漸隱漸變

漸隱的形式，可以利用透明度的調整或者利用融入背景的方式，都可以起到漸漸消失的效果。

其目的性就是讓它產生消失感，形成延伸的視覺感和空間感。

如下圖：

利用透明度，向內漸隱形式

融入背景式漸隱形式

透明或融入背景式漸隱形式

魚先生說：

融入背景的方式在技法上，可以使用透明度的模式，也可以利用填充背景一樣的顏色，都可以達到融入背景的漸隱形式。

十五、重疊漸變

重疊漸變是有規則或無規則的排列重疊，也可以是多層顏色之間的相互疊加，可以利用降低透明度或疊加模糊進行表現。

一起來看些案例，加深理解：

左：圖形疊加 右：字體疊加

左：混合式重疊 右：色塊漸隱式重疊

十六、光影漸變

有光才有色彩，沒有光我們只能看到一片漆黑，所以這個時候我們首先要感恩太陽。

感恩完畢，繼續學習。

只要有光的照射，一定會產生層次變化，就會形成從強到弱、從實到虛的光影漸變。
會畫畫的同學都畫過球體：

球體存在高光、反光、明暗交界線等，如果在不同的環境內，還會有環境光，環境光在有色彩的環境下會更加明顯。

因為存在了這麼多層次，我們才能夠在平面紙張上面繪製出立體感。

運用到案例中也是如此，不同的元素就像一個個不同形狀的幾何體，只要有光，就會產生層次變化。

一起來看幾張案例，加深理解：

左：模仿窗戶光照射進來的形態 右：手電筒照射，由實到虛的變化，背景也做了相應的協調

人工打光的效果，字體也填充了漸變色彩，這種類型的海報設計不需要創意，重點在於攝影圖片的處理，和文字排版的細節處理

十七、暈染漸變

暈染漸變和流體漸變和彌散漸變有一定的形似之處。

常見的有服裝中的暈染，或者毛筆滴墨在紙上暈開的效果，或者化妝時候的暈染效果。

暈染就是一種形式，可以應用的範圍很廣，咱們還是回到設計專業上。

一起來看些案例：

把字體作為符號，利用暈染的表現形式，增加美感和趣味性

彩妝暈染的效果

大面積暈染形式在設計中被頻繁使用，不僅可以形成一種朦朧的美感，還會讓人產生遐想的感覺

OK， 以上講了 17 中漸變應用形式，最後咱們湊個整數，再來講一下點線面的漸變應用，剛好滿 20。

點線面是平面設計的構成元素，設計師一直在與之打交道，點可以組成線和面，利用點線面本身加以漸變的形式，可以更好的把控畫面設計的風格以及特點。

十八、點狀漸變

點給人的感覺就是強調、獨特。

漸變小球，運用前後關係，虛實關係，製造空間感

整體看是一個一個的圓點，單獨看一個圓點，也可以是一個面

十九、線狀漸變

線的感覺給人分割、鋒利的感覺，我們在設計中可以根據不同的需要排列應用。看些案例，加深理解：

我們快速嘗試兩張案例試下：

二十、面狀漸變

面給人的感覺就是衝擊力，大面積漸變色起到了烘托氣氛的作用，比如紅色熱情積極，藍色穩重冷靜，粉色浪漫可愛等。

我們看幾組案例，加深理解：

註：本文案例部分為魚先生設計，部分來自網絡，所有案例僅為輔助說明知識點，不作商用。

寫在最後：

作為設計師，不僅要多看，看了還要多應用實踐，這樣才能把別人的能力變成你自己的能力。

由於最近太忙了，本篇教程陸續利用空閒時間編輯了好幾天，希望對大家有幫助。最後，感恩大家一直的陪伴和喜歡！

下期見！

歡迎關注作者微信公眾號：「擺渡魚生」