要論什么設(shè)計風(fēng)格能一招鮮、吃遍天，彌散漸變絕對占有一席之位的。
它在設(shè)計投入上花費(fèi)的成本很低，但是卻非常容易出效果，而且近來設(shè)計圈也非常流行。
今天帶來了關(guān)于彌散漸變的超干干貨，學(xué)會后再也不愁怎么設(shè)計出好看的背景，一定要看到最后哦～
先介紹下它的親戚——彌散投影，大家都有聽過。
在按鈕底部加一塊高斯模糊后的色塊，降低點(diǎn)透明度，再加個騷氣十足的漸變，效果就出來了，在那個盛行彌散投影的年代，幾乎每個作品都能看到這個風(fēng)格。
這里你應(yīng)該知道了，彌散投影的關(guān)鍵，是高斯模糊。
從百科上對彌散的定義，也能很好地解釋彌散和高斯模糊的對應(yīng)關(guān)系。
所以，彌散漸變風(fēng)格也就很好理解了，它就是通過色彩的高度模糊來形成的一種獨(dú)特的漸變。
如果你有關(guān)注過流行趨勢，你應(yīng)該也聽過它的另一個稱呼——彌散光感。其實都一樣，不過我還是習(xí)慣稱之為彌散漸變，畢竟很多時候它的光感并沒有那么明顯。
說起來，這兩個風(fēng)格其實算直系血緣關(guān)系。
舉個例子。
在兩個畫布上分別對卡片、形狀元素做背景模糊處理和高斯模糊處理，就分別生成了簡單的毛玻璃和彌散漸變風(fēng)格。
最后，從兩個畫布中分別截取同等面積的圖像，你會發(fā)現(xiàn)，兩者沒有任何區(qū)別。
也就是說，毛玻璃和彌散漸看似兩類風(fēng)格，本質(zhì)上其實屬于一類。
唯一的區(qū)別就在于，毛玻璃存在明顯的前后縱向?qū)蛹夑P(guān)系。而彌散漸變，由于圖形和背景完全融合，大幅降低了縱向?qū)蛹壐，因此只剩下一層結(jié)構(gòu)。
這也就讓彌散漸變風(fēng)格，極其適合作為背景層，去承載各類信息和內(nèi)容。
1. 傳達(dá)氛圍
傳統(tǒng)的線性漸變，相比扁平色，產(chǎn)生了兩種甚至兩種以上顏色的過渡變化，給予觀者多元化的感官體驗。
而彌散漸變，在此基礎(chǔ)上又產(chǎn)生了虛實的層次變化，傳達(dá)出一種非常夢幻、抽象的氛圍，視覺感官的體驗要更加深刻和舒適。
2. 表現(xiàn)力
由于好奇、求知的天性，人們對于無法被準(zhǔn)確命名的事物更容易留下印象。比如彌散漸變，因為彌散的特性，讓圖形的形狀、顏色和背景完全融合在一起，所以很多時候我們無法準(zhǔn)確說出它具體屬于哪一種顏色、哪一類形狀。
而且不同顏色的搭配可以產(chǎn)生不同的情緒，和彌散做疊加，所帶來的表現(xiàn)力就更多變和獨(dú)特。
3. 聚焦
色塊對于人眼的吸引力僅次于動畫，因此可以融入單個圖形的彌散漸變，形成視覺焦點(diǎn)，強(qiáng)迫讀者注意到你想讓它注意的地方。
1. 局部彌散
即在畫布中局部性地加入彌散漸變。
優(yōu)勢：
- 具備毛玻璃的通透感
- 輕量
- 能夠聚焦內(nèi)容
劣勢：
表現(xiàn)力、沉浸感低于滿版彌散
做法：
- 創(chuàng)建你喜歡的幾個形狀，形狀的距離越近、融合感越強(qiáng)。
- 高斯模糊調(diào)大，搞定。高斯模糊的數(shù)值盡管往大了調(diào)，不用克制～
當(dāng)然你也可以用不規(guī)則圖形，相比基礎(chǔ)幾何，不規(guī)則圖形的彌散漸變更加靈活自然。步驟是一樣，只是在形狀的繪制上多花點(diǎn)時間。
不要拘泥于扁平色，可以嘗試通過漸變來讓彌散漸變更加多彩和夢幻。
2. 滿版彌散
滿版彌散的意思就是將彌散鋪滿一整個畫布。
優(yōu)勢：
相比局部，滿版的視覺度和表現(xiàn)力更強(qiáng)。
劣勢：
- 缺失了毛玻璃那樣的通透感
- 也不能起到聚焦的作用
3. 滿版彌散的兩類子風(fēng)格
異色疊加風(fēng)
需要先提前疊加一層線性漸變讓背景呈現(xiàn)一個顏色傾向，然后加入多個不同顏色的圖形并通過疊加形成縱向?qū)哟侮P(guān)系，然后和局部彌散一樣的步驟，這里不贅述。
同色鋪滿
即將多個形狀填充同一種漸變，再鋪滿畫布。
多形狀鋪滿一般用不規(guī)則形狀，避免基礎(chǔ)形狀鋪滿帶來的呆板生硬。
這里介紹個快速繪制不規(guī)則形狀的 figma 插件——Blobs。
它的作用：能快速生成一個不規(guī)則形狀，而且每執(zhí)行一次，形狀都會做一次變化。
我們執(zhí)行八次，然后將所有形狀鋪滿整個畫布。
然后，為所有形狀加入同一個漸變色，最后做高斯模糊。這種效果不像異色疊加那樣產(chǎn)生明顯的色彩過渡，因此會表現(xiàn)出一種水彩的暈染感，非常生動自然。
最后，選中其中一兩個形狀做下顏色的變化，目的是讓它產(chǎn)生對比以吸引眼球。隨便排版裝飾下，搞定。
通過這種方式，我很快搞完了幾類色系的延展——
當(dāng)然，你也可以來點(diǎn)兒噪點(diǎn)
噪點(diǎn)的意義是通過疊加一層肌理來迅速提升畫面質(zhì)感、拉高細(xì)節(jié)，提升視覺愉悅。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。