簡(jiǎn)單實(shí)用特別出效果的設(shè)計(jì)風(fēng)格，快學(xué)起來！

今天給大家?guī)砦?Pin 上面收藏的設(shè)計(jì)風(fēng)格。彌散光感，也是我喜歡的風(fēng)格之一，它不光容易掌握，而且學(xué)起來也很容易，基本看一遍就會(huì)。如果你最近處于技法短缺，做設(shè)計(jì)又沒靈感，那么今天的這個(gè)風(fēng)格你一定不要錯(cuò)過。

什么是彌散光感？

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

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

接下來，我們就聊下關(guān)于彌散光感設(shè)計(jì)的要點(diǎn)，以及它的一些應(yīng)用案例。

彌散光感的優(yōu)點(diǎn)

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

1. 豐富設(shè)計(jì)細(xì)節(jié)，增添畫面感

△ 來源：百度智能駕駛體驗(yàn)設(shè)計(jì)中心

早期，我們團(tuán)隊(duì)在探索 HMI 界面風(fēng)格時(shí)，在背景氛圍營(yíng)造上面，也使用這種彌散光感來豐富畫面細(xì)節(jié)。

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

還可以在色彩規(guī)則制定時(shí)，用在控件細(xì)節(jié)打磨上。

2. 聚焦重點(diǎn)，吸引目光

彌散光感視覺可以放在頁(yè)面重點(diǎn)信息地方，可引導(dǎo)用戶聚焦在關(guān)鍵內(nèi)容上。光感通過其自身彌散漫開的特征，將它本身上的信息與周圍環(huán)境區(qū)分開，形成視覺焦點(diǎn)。

3. 營(yíng)造空間感

立體式彌散光，一般運(yùn)用在智能化、科技類產(chǎn)品設(shè)計(jì)比較多。還可以運(yùn)用在語(yǔ)音形態(tài)上或者一些加載進(jìn)度效果等。

彌散光感常用的形式

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

1. 虛實(shí)集合

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

2. 純虛化彌散光感

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

3. 圖標(biāo)式彌散光感

設(shè)計(jì)特點(diǎn)：圖標(biāo)中使用彌散光感，多元、多變，有時(shí)候還可以營(yíng)造神秘感和浪漫氣息。

如何設(shè)計(jì)這種彌散光感？

全彌散式光感實(shí)現(xiàn)起來相對(duì)簡(jiǎn)單很多，那么下面我們來看看虛實(shí)集合的彌散光感的如何三步實(shí)現(xiàn)這種效果。

第一步：在 Ps 里面建立一個(gè)畫板，并畫一個(gè)圓圈，然后簡(jiǎn)單調(diào)一個(gè)漸變色

第二步：點(diǎn)擊 Ps 濾鏡里面的模糊畫廊，里面選擇移軸模糊，如下圖樣式。虛化的大小可以通過白色圓圈調(diào)節(jié)，虛化位置可以通過移動(dòng)位置或者旋轉(zhuǎn)進(jìn)行調(diào)整。

第三步：就實(shí)現(xiàn)了虛實(shí)集合的光感設(shè)計(jì)

看完后是不是覺得這種效果很簡(jiǎn)單，這種效果最關(guān)鍵的是漸變色的調(diào)節(jié)，可以多去嘗試下。

歡迎關(guān)注作者微信公眾號(hào)：「功夫UX」