一直關注我的設計師應該知道,我喜歡寫一篇風格類分析文章,偶爾也會有做一些案例。最近我發現一些新品牌更新,又開始大量應用了彌散漸變光感,整體視覺感受非常吸睛。Aerospace Xelerated — Brand Identity
最近iOS16測試版本放出來後,我發現蘋果支付卡片上面也是運用了這種漸變光感視覺效果。
這種風格的優點:豐富細膩、流動的、神秘、生命力等,傳遞出積極向上的情緒,也有生命的力量。
想要知道如何應用這種風格,首先我們還是需要拆解下這些效果的特點。
上圖中,我把左側案例拆解出來後,大家可以看看基本上是4層面,最上面還有一層細微的高光。
所以,從目前來看這個漸變光感都是好幾層疊加而來的,比如像下面這種。

下面我們來實操下,製作這種彌散風格。
這種多彩漸變光感看起來不難,唯一需要注意的就是色彩的組合使用。
首先完成一個漸變光感的背景設計,這裡推薦大家用PS製作,Sketch裡面的模糊處理效果比較少。
這裡需要注意的是,當處理完背景後,前景文字如果過於平淡或者太顯白了,可以適當做一些背景模糊,加一些微弱漸變,這樣文字和色彩疊加的部分就會透光的感覺。上圖的背景中,用到了模糊畫廊裡面的光圈模糊和高斯模糊就完成了。這種就比較簡單,直接單色漸變加一些微模糊處理即可。
好了,這期的內容就到這,接下來大家可以自己動手玩一玩,比如作品集封面都可以嘗試這種風格。推薦閱讀
>>第四期UIUX設計營報名中,隨到隨學>>

