要論什么設計風格能一招鮮、吃遍天，彌散漸變絕對占有一席之位的。

它在設計投入上花費的成本很低，但是卻非常容易出效果，而且近來設計圈也非常流行。

今天帶來了關于彌散漸變的超干干貨，學會后再也不愁怎么設計出好看的背景，一定要看到最后哦～

啥是彌散漸變？

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

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

這里你應該知道了，彌散投影的關鍵，是高斯模糊。

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

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

如果你有關注過流行趨勢，你應該也聽過它的另一個稱呼——彌散光感。其實都一樣，不過我還是習慣稱之為彌散漸變，畢竟很多時候它的光感并沒有那么明顯。

彌散漸變和毛玻璃

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

舉個例子。

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

最后，從兩個畫布中分別截取同等面積的圖像，你會發現，兩者沒有任何區別。

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

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

這也就讓彌散漸變風格，極其適合作為背景層，去承載各類信息和內容。

彌散漸變的特點

1. 傳達氛圍

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

而彌散漸變，在此基礎上又產生了虛實的層次變化，傳達出一種非常夢幻、抽象的氛圍，視覺感官的體驗要更加深刻和舒適。

2. 表現力

由于好奇、求知的天性，人們對于無法被準確命名的事物更容易留下印象。比如彌散漸變，因為彌散的特性，讓圖形的形狀、顏色和背景完全融合在一起，所以很多時候我們無法準確說出它具體屬于哪一種顏色、哪一類形狀。

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

3. 聚焦

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

彌散漸變怎么做？

1. 局部彌散

即在畫布中局部性地加入彌散漸變。

優勢：

1. 具備毛玻璃的通透感
2. 輕量
3. 能夠聚焦內容

劣勢：

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

做法：

1. 創建你喜歡的幾個形狀，形狀的距離越近、融合感越強。
2. 高斯模糊調大，搞定。高斯模糊的數值盡管往大了調，不用克制～

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

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

2. 滿版彌散

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

優勢：

相比局部，滿版的視覺度和表現力更強。

劣勢：

1. 缺失了毛玻璃那樣的通透感
2. 也不能起到聚焦的作用

3. 滿版彌散的兩類子風格

異色疊加風

需要先提前疊加一層線性漸變讓背景呈現一個顏色傾向，然后加入多個不同顏色的圖形并通過疊加形成縱向層次關系，然后和局部彌散一樣的步驟，這里不贅述。

同色鋪滿

即將多個形狀填充同一種漸變，再鋪滿畫布。

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

這里介紹個快速繪制不規則形狀的 figma 插件——Blobs。

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

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

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

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

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

當然，你也可以來點兒噪點

噪點的意義是通過疊加一層肌理來迅速提升畫面質感、拉高細節，提升視覺愉悅。

最后，福利領取時間～

案例源文件（sketch&figma 格式）和絕美的彌散漸變素材，在附件下載！

我是 Andrew，下期見。

歡迎關注作者微信公眾號：「轉行人的設計筆記」