今天給大家帶來我 Pin 上面收藏的設計風格。彌散光感，也是我喜歡的風格之一，它不光容易掌握，而且學起來也很容易，基本看一遍就會。如果你最近處于技法短缺，做設計又沒靈感，那么今天的這個風格你一定不要錯過。

什么是彌散光感？

彌散光感通過色彩漸變模糊，形成虛實集合的有色光感效果。彌散光感不僅能幫助我們豐富單調乏味的畫面，有時還可以幫助我們打造產品的記憶點、優化信息層級。

彌散光感的形成，一般由單色或者多色模糊漸變形成，如果兩種模糊效果疊加一起，會有更細微的色相變化，視覺細節也相應增加。

接下來，我們就聊下關于彌散光感設計的要點，以及它的一些應用案例。

彌散光感的優點

毫無疑問，大家從視覺效果圖上就能看出，彌散光感風格極具新奇和記憶點。讓平淡無奇的排版瞬間活了起來，為畫面增添不少的細節。下面我們就來看看彌散光感的一些優點。

1. 豐富設計細節，增添畫面感

△ 來源：百度智能駕駛體驗設計中心

早期，我們團隊在探索 HMI 界面風格時，在背景氛圍營造上面，也使用這種彌散光感來豐富畫面細節。

作品包裝時，還可以將彌散光感用在背景上。

還可以在色彩規則制定時，用在控件細節打磨上。

2. 聚焦重點，吸引目光

彌散光感視覺可以放在頁面重點信息地方，可引導用戶聚焦在關鍵內容上。光感通過其自身彌散漫開的特征，將它本身上的信息與周圍環境區分開，形成視覺焦點。

3. 營造空間感

立體式彌散光，一般運用在智能化、科技類產品設計比較多。還可以運用在語音形態上或者一些加載進度效果等。

彌散光感常用的形式

要實現彌散光感效果，目前常見的形式有：虛實集合、純彌散光感、在圖標上使用。接下來我們通過一些案例，來看一下每一種彌散光感的視覺效果。

1. 虛實集合

設計特點：由一側進行虛化模糊直到消失，另一側一般情況保持清晰的輪廓，這種視覺樣式一般作為主體的存在多一些。

2. 純虛化彌散光感

設計特點：將一種或者兩種以上漸變色進行全部模糊虛化掉，這種樣式一般作為背景修飾來使用。

3. 圖標式彌散光感

設計特點：圖標中使用彌散光感，多元、多變，有時候還可以營造神秘感和浪漫氣息。

如何設計這種彌散光感？

全彌散式光感實現起來相對簡單很多，那么下面我們來看看虛實集合的彌散光感的如何三步實現這種效果。

第一步：在 Ps 里面建立一個畫板，并畫一個圓圈，然后簡單調一個漸變色

第二步：點擊 Ps 濾鏡里面的模糊畫廊，里面選擇移軸模糊，如下圖樣式。虛化的大小可以通過白色圓圈調節，虛化位置可以通過移動位置或者旋轉進行調整。

第三步：就實現了虛實集合的光感設計

看完后是不是覺得這種效果很簡單，這種效果最關鍵的是漸變色的調節，可以多去嘗試下。

歡迎關注作者微信公眾號：「功夫UX」