今天和大家分析的一個(gè)就是柔光風(fēng)格，故名思議，柔光就是整體視覺(jué)風(fēng)格呈現(xiàn)光的折射特征，顏色層次豐富，有明顯的光的流動(dòng)和方向性。

打造自己的設(shè)計(jì)風(fēng)格庫(kù)

熟悉我的設(shè)計(jì)師朋友都知道的，我工作中一直有一個(gè)習(xí)慣，就是定期會(huì)去歸納總結(jié)一些好的設(shè)計(jì)風(fēng)格和趨勢(shì)在我的花瓣和pinterest里面，從我職業(yè)生涯最早期就養(yǎng)成了這個(gè)習(xí)慣。

我一直覺(jué)得設(shè)計(jì)師成長(zhǎng)本身就是一個(gè)產(chǎn)品，需要每天去更新我們的系統(tǒng)，更新設(shè)計(jì)資料庫(kù)，讓它像百科全書(shū)一樣全，豐富，能幫助我們?nèi)ブ笇?dǎo)設(shè)計(jì)方向。

大家回想一下，在我們的學(xué)生時(shí)代，當(dāng)我們學(xué)習(xí)或生活中遇見(jiàn)困難可以去請(qǐng)教老師，讓我們更快的成長(zhǎng)。但是工作后，職場(chǎng)上卻是很殘酷的，靠的更多是自己，職場(chǎng)上的叢林法則，優(yōu)勝劣敗，你身邊的同事即是合作又是競(jìng)爭(zhēng)關(guān)系，能遇見(jiàn)一個(gè)幫你的同事不求回報(bào)的，真的很難得，所以說(shuō)我們需要自己去找到學(xué)習(xí)的榜樣。

我在pinterest上很喜歡一個(gè)叫SSG的團(tuán)隊(duì)，在韓國(guó)相當(dāng)于國(guó)內(nèi)的騰訊，阿里，他們有一個(gè)團(tuán)隊(duì)pin賬戶，設(shè)計(jì)師每次發(fā)現(xiàn)新的風(fēng)格都會(huì)統(tǒng)一的采集到這個(gè)文件夾里面。

比如他們有一個(gè)頻道叫emartmall,類(lèi)似國(guó)內(nèi)天貓超市，他們團(tuán)隊(duì)就建立了一個(gè)名為emartmall style的文件夾，把相關(guān)生活類(lèi)的設(shè)計(jì)放到這個(gè)文件夾。然后在日常工作設(shè)計(jì)中，他們都會(huì)往這個(gè)方向去沉淀相關(guān)的設(shè)計(jì)風(fēng)格，保證風(fēng)格的一致性和流行感。

他們pin文件夾素材。

emart官網(wǎng)的banner，有一段時(shí)間，他們的文件夾里面出現(xiàn)了大量水果或食品局部特寫(xiě)，結(jié)合文字排版的圖片，不久在他們的電商頁(yè)面就出現(xiàn)了，類(lèi)似這樣風(fēng)格的設(shè)計(jì)。

我們不難發(fā)現(xiàn)，這些優(yōu)秀的團(tuán)隊(duì)，都是定期更新著團(tuán)隊(duì)的素材庫(kù)，設(shè)計(jì)風(fēng)格指南庫(kù)，去指導(dǎo)他們?cè)O(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)方向，所以設(shè)計(jì)風(fēng)格指南庫(kù)，尤其重要，它就是工作和職場(chǎng)中陪伴我們成長(zhǎng)的榜樣和導(dǎo)師！

柔光風(fēng)格的特點(diǎn)

之前有提到，現(xiàn)在很多設(shè)計(jì)師風(fēng)格局限，技法同質(zhì)化，作品集呈現(xiàn)風(fēng)格雷同，差異性不大！

其實(shí)UI發(fā)展到今天有很多新的風(fēng)格在出現(xiàn)，只不過(guò)我們沒(méi)有留意到，今天和大家分析的一個(gè)就是柔光風(fēng)格，故名思議，柔光就是整體視覺(jué)風(fēng)格呈現(xiàn)光的折射特征，顏色層次豐富，有明顯的光的流動(dòng)和方向性。

在設(shè)計(jì)手法上常用漸變、光斑、流動(dòng)、疊加透明等手法，它的整體視覺(jué)感受是年輕、流動(dòng)、潮流、青春活力等視覺(jué)感受！是目前比較新的一種設(shè)計(jì)手法。

1. 騷氣的色彩流動(dòng)感

柔光風(fēng)格很大一個(gè)特點(diǎn)就是色彩流動(dòng)感，背景上一般采用多色融合，色彩里面有層次，有流動(dòng)液體變化，有深淺過(guò)度，而不是簡(jiǎn)單一個(gè)漸變，這種色彩光感更像我們生活中自然光，它是豐富多彩。

2. 顏色規(guī)律的疊加

這個(gè)設(shè)計(jì)在主圖形上運(yùn)用這種漸變疊加，通過(guò)透明度，角度變化疊加在一起，像一只綻放的花一樣呈現(xiàn)多樣的層次，按鈕上也是比較明亮騷氣的漸變，同時(shí)在底部的曲線上也運(yùn)用大光斑作為光的點(diǎn)綴，是一個(gè)典型柔光的設(shè)計(jì)案例。

這個(gè)案例干凈清爽，色彩上一個(gè)小清新的漸變，同樣三角形部分運(yùn)用這種白色透明度疊加處理方式，細(xì)節(jié)簡(jiǎn)單細(xì)膩。

這是我非常喜歡的一個(gè)作品，色彩虛實(shí)有加，色彩和圖形有方向的運(yùn)動(dòng)疊加，一個(gè)很有空間未來(lái)的一個(gè)設(shè)計(jì)。

3. 光斑光暈?zāi)：龖?yīng)用

柔光設(shè)計(jì)里面很重要的點(diǎn)，光暈，光在設(shè)計(jì)中一般以圓形呈現(xiàn)，伴隨這邊緣的模糊，虛化，形成層次。

光斑的運(yùn)用，簡(jiǎn)單有效，透過(guò)白色光斑很好形成界面里面空間層次和流動(dòng)感。

▲這是一個(gè)典型運(yùn)用光斑來(lái)形成整體柔光感的案例，主圖形就頂部一個(gè)紫色的光斑，在白色背景上，運(yùn)用一個(gè)粉色的光斑效果，底部的三個(gè)核心圖形同樣運(yùn)用這種設(shè)計(jì)手法，整體配額色協(xié)調(diào)，頁(yè)面信息干凈。

4. 發(fā)光

既然是光感的設(shè)計(jì)，就一定得有光，外發(fā)光，內(nèi)發(fā)光，當(dāng)然光能做到干凈通透是很考驗(yàn)設(shè)計(jì)師技法的點(diǎn)，一不小心就會(huì)糊成一片，上圖就是光處理的非常干凈利索的案例。

非常典型的韓國(guó)設(shè)計(jì)，背景用色大膽，特別綠色光在底部，讓整個(gè)頁(yè)面洋氣十足。

很科技，很未來(lái)的設(shè)計(jì)，伴隨著顏色光影的運(yùn)用，siri剛出來(lái)的時(shí)候，那個(gè)光影動(dòng)效就驚艷到我了，看國(guó)外這些大師把顏色和光影融合的鬼斧神工。

線條的光運(yùn)用，光暈的運(yùn)動(dòng)，方向色彩的變化，都是柔光設(shè)計(jì)的很重要細(xì)節(jié)。

UI中的運(yùn)用

在（左圖）掃描頁(yè)面中，核心圖形運(yùn)用波浪透明疊加線條作為頁(yè)面核心焦點(diǎn)，背景底部運(yùn)用騷氣漸變和光暈，形成豐富層次，(右圖）的背景和插畫(huà)部分也是大量運(yùn)用這種手法。

三角形的光影，圓形的光影，曲線，點(diǎn)的內(nèi)文發(fā)光，背景的細(xì)節(jié)柔光處理，讓頁(yè)面呈現(xiàn)出科技?jí)艋靡曈X(jué)感受。

光的運(yùn)用，光暈，內(nèi)外光的運(yùn)用以及撞色光影運(yùn)用，頁(yè)面讓人過(guò)目難忘。

同樣的手法，運(yùn)用到白色，黑色背景都能呈現(xiàn)出不一樣效果。

一組天氣的設(shè)計(jì)，同樣運(yùn)用重疊，顏色疊加的手法配合動(dòng)效的運(yùn)用，讓天氣像花一樣綻放。

水的透明，光的璀璨奪目，眼前一亮的設(shè)計(jì)，在白色的背景上也能呈現(xiàn)出這種高級(jí)感。

光影的運(yùn)用，特別喜歡底部那個(gè)行動(dòng)按鈕，是整個(gè)頁(yè)面的亮點(diǎn)所在，頁(yè)面滑上去時(shí)后面背景的虛實(shí)變化特別細(xì)膩。

這種風(fēng)格在營(yíng)銷(xiāo)頁(yè)面中也運(yùn)用比較多，手法也不是一成不變，可以結(jié)合畫(huà)面特別去靈活調(diào)整，更多案例可以去我pinterest去圍觀。

圖標(biāo)中的運(yùn)用

在圖標(biāo)設(shè)計(jì)中，這種手法也是常見(jiàn)的，圖標(biāo)本身配合簡(jiǎn)單的幾何圖形讓整個(gè)設(shè)計(jì)印象深刻。

這些騷氣的表現(xiàn)技法，我想大家都見(jiàn)過(guò)，但是你是否有去掌握，去練習(xí)？其實(shí)去畫(huà)都不難，關(guān)鍵是學(xué)以致用，我們?cè)趺礃硬拍馨堰@種技法發(fā)揮到極致，好的趨勢(shì)需要我們?cè)陧?xiàng)目中落地實(shí)踐。

在圖形中其實(shí)稍加這么一點(diǎn)點(diǎn)細(xì)節(jié)和透明度，柔光進(jìn)去，圖標(biāo)就會(huì)細(xì)膩許多。

平面中的運(yùn)用

電商促銷(xiāo)海報(bào)中，在背景上運(yùn)用這種柔光設(shè)計(jì)，設(shè)計(jì)顯得更加年輕趣味。

sweet官網(wǎng)設(shè)計(jì)，充滿了甜蜜的味道，特別是冰棒的設(shè)計(jì)，通透有質(zhì)感，色彩豐富。

海報(bào)的設(shè)計(jì)，有角度圖形透明穿插，仿佛打開(kāi)未來(lái)之門(mén)一樣，科技和未來(lái)感十足。

插畫(huà)中的運(yùn)用

這套插畫(huà)應(yīng)該很多人看到過(guò)，非常有設(shè)計(jì)感一套，作者對(duì)于光感和透明度的運(yùn)用細(xì)膩逼真，每一個(gè)作品都呈現(xiàn)出很美的設(shè)計(jì)感，對(duì)于光影的運(yùn)用也是很細(xì)膩和極致。

ghanipradita的系列插畫(huà)里，我們也能發(fā)現(xiàn)這種通過(guò)光的運(yùn)用，讓頁(yè)面呈現(xiàn)出細(xì)節(jié)更豐富視覺(jué)效果。

光暈重疊，騷氣漸變構(gòu)成了時(shí)尚的一組插畫(huà)設(shè)計(jì)

最后

當(dāng)下越來(lái)越多的設(shè)計(jì)師作品風(fēng)格雷同，如何在設(shè)計(jì)里面找到自己定位，設(shè)計(jì)手法多樣性是需要每個(gè)設(shè)計(jì)師去思考的，大家一定要跳出自己擅長(zhǎng)的舒適區(qū)域，去多學(xué)一些你不會(huì)的，像產(chǎn)品一樣去迭代自己，讓自己變的更好！

作者：我們的設(shè)計(jì)日記，微信公眾號(hào)：我們的設(shè)計(jì)日記（ID：helloskys）

本文由 @我們的設(shè)計(jì)日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議