要論什麼設計風格能一招鮮、吃遍天，

彌散漸變

絕對佔有一席之位的。

它在設計投入上花費的成本很低，但是

卻非常容易出效果

，而且近來也設計圈也非常流行。

今天帶來了關於彌散漸變的超乾乾貨，學會後再也不愁怎麼設計好看的背景，一定要看到最後哦～

啥是彌散漸變？

先介紹下它的親戚——彌散投影，大家都有聽過。

在按鈕底部加一塊

高斯模糊

後的色塊，降低點透明度，再加個騷氣十足的漸變，效果就出來了，在那個盛行彌散投影的年代，幾乎每個作品都能看到這個風格。

這裡你應該知道了，彌散投影的關鍵，是

高斯模糊。

從百科上對彌散的定義，也能很好得解釋彌散和高斯模糊的對應關係。

所以，彌散漸變風格也就很好理解了，它就是透過色彩的高度模糊來形成的一種獨特的漸變。

如果你有關注過流行趨勢，你應該也聽過它的另一個稱呼——

彌散光感

。其實都一樣，不過我還是習慣稱之為彌散漸變，畢竟很多時候它的光感並沒有那麼明顯。

彌散漸變和毛玻璃

說起來，這兩個風格其實算直系血緣關係。

舉個

在兩個畫布上分別對卡片、形狀元素做背景模糊處理和高斯模糊處理，就分別生成了簡單的毛玻璃和彌散漸變風格。

最後，從兩個畫布中分別擷取同等面積的影象，你會發現，

兩者沒有任何區別。

也就是說，毛玻璃和彌散漸看似兩類風格，本質上其實屬於一類。

唯一的區別就在於，

毛玻璃存在明顯的前後縱向層級關係。而彌散漸變，由於圖形和背景完全融合，大幅降低了縱向層級感，因此只剩下一層結構。

這也就讓彌散漸變風格，

極其適合作為

背景層

，去承載各類資訊和內容。

彌散漸變的特點

01。 傳達氛圍

傳統的線性漸變，相比扁平色，產生了兩種甚至兩種以上顏色的過渡變化，給予觀者多元化的感官體驗。

而彌散漸變，在此基礎上又產生了

虛實的層次變化

，傳達出一種非常夢幻、抽象的氛圍，視覺感官的體驗要更加深刻和舒適。

02。 表現力

由於好奇、求知的天性，人們對於

無法被準確命名的事物

更容易留下印象。比如彌散漸變，因為彌散的特性，讓圖形的形狀、顏色和背景完全融合在一起，所以很多時候我們無法準確說出它具體屬於哪一種顏色、哪一類形狀。

而且不同顏色的搭配可以產生不同的情緒，和彌散做疊加，所帶來的表現力就更多變和獨特。

03。 聚焦

色塊對於人眼的吸引力僅次於動畫，因此可以融入單個圖形的彌散漸變，形成視覺焦點，強迫讀者注意到你想讓它注意的地方。

彌散漸變怎麼做？

01。區域性彌散

即在畫布中區域性性得加入彌散漸變。

優勢：

1。具備毛玻璃的通透感

2。輕量

3。能夠聚焦內容

劣勢：

表現力、沉浸感低於滿版彌散

做法：

1。建立你喜歡的幾個形狀，

形狀的距離越近、融合感越強。

2。高斯模糊調大，搞定。高斯模糊的數值儘管往大了調，不用剋制～

當然你也可以用不規則圖形，相比基礎幾何，不規則圖形的彌散漸變更加靈活自然。步驟是一樣，只是在形狀的繪製上多花點時間。

不要拘泥於扁平色，可以嘗試透過漸變來讓彌散漸變更加多彩和夢幻。

02。滿版彌散

滿版彌散的意思就是將彌散鋪滿一整個畫布。

優勢：

相比區域性，滿版的視覺度和表現力更強。

劣勢：

1。缺失了毛玻璃那樣的通透感

2。也不能起到聚焦的作用

滿版彌散的兩類子風格

1。異色疊加風

需要先提前疊加一層

線性漸變

讓背景呈現一個顏色傾向，然後加入多個不同顏色的圖形並透過疊加形成縱向層次關係，然後和區域性彌散一樣的步驟，這裡不贅述。

2。同色鋪滿

即將多個形狀填充同一種漸變，再

鋪滿

畫布。

多形狀鋪滿一般用不規則形狀，避免基礎形狀鋪滿帶來的呆板生硬。

這裡介紹個快速繪製不規則形狀的figma外掛——Blobs。

它的作用：

能快速生成一個不規則形狀，而且每執行一次，形狀都會做一次變化。

我們執行八次，然後將所有形狀鋪滿整個畫布。

然後，為所有形狀加入同一個漸變色（可以直接在這個網站找——https：//www。grabient。com/），最後做高斯模糊。這種效果不像異色疊加那樣產生明顯的色彩過渡，因此會表現出一種

水彩的暈染感，非常生動自然。

最後，選中其中一兩個形狀做下顏色的變化，目的是讓它產生對比以吸引眼球。隨便排版裝飾下，搞定。

透過這種方式，我很快搞完了幾類色系的延展——