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

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

大家回想一下，在我們的學生時代，當我們學習或生活中遇見困難可以去請教老師，讓我們更快的成長，但是工作后，職場上卻是很殘酷的，靠的更多是自己，職場上的叢林法則，優(yōu)勝劣敗，你身邊的同事即是合作又是競爭關系，能遇見一個幫你的同事不求回報的，真的很難得，所以說我們需要自己去找到學習的榜樣。

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

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

▲他們pin文件夾素材

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

我們不難發(fā)現(xiàn)，這些優(yōu)秀的團隊，都是定期更新著團隊的素材庫，設計風格指南庫，去指導他們設計團隊的設計方向，所以設計風格指南庫，尤其重要，它就是工作和職場中陪伴我們成長的榜樣和導師！

柔 光 風 格 的 特 點

之前有提到，現(xiàn)在很多設計師風格局限，技法同質化，作品集呈現(xiàn)風格雷同，差異性不大!其實UI發(fā)展到今天有很多新的風格在出現(xiàn)，只不過我們沒有留意到，今天和大家分析的一個就是柔光風格，故名思議，柔光就是整體視覺風格呈現(xiàn)光的折射特征，顏色層次豐富，有明顯的光的流動和方向性，在設計手法上常用漸變，光斑，流動，疊加透明等手法，它的整體視覺感受是年輕，流動，潮流，青春活力等視覺感受！是目前比較新的一種設計手法。

1.騷氣的色彩流動感

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

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

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

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

▲ 這是我非常喜歡的一個作品，色彩虛實有加，色彩和圖形有方向的運動疊加，一個很有空間未來的一個設計。

3.光斑光暈模糊應用

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

▲ 光斑的運用，簡單有效，透過白色光斑很好形成界面里面空間層次和流動感。

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

4.發(fā)光

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

▲ 非常典型的韓國設計，背景用色大膽，特別綠色光在底部，讓整個頁面洋氣十足。

▲ 很科技，很未來的設計，伴隨著顏色光影的運用，siri剛出來的時候，那個光影動效就驚艷到我了，看國外這些大師把顏色和光影融合的鬼斧神工。

▲ 線條的光運用，光暈的運動，方向色彩的變化，都是柔光設計的很重要細節(jié)。

U I 中 的 運 用

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

▲ 三角形的光影，圓形的光影，曲線，點的內(nèi)文發(fā)光，背景的細節(jié)柔光處理，讓頁面呈現(xiàn)出科技夢幻視覺感受。

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

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

▲ 一組天氣的設計，同樣運用重疊，顏色疊加的手法配合動效的運用，讓天氣像花一樣綻放

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

▲ 光影的運用，特別喜歡底部那個行動按鈕，是整個頁面的亮點所在，頁面滑上去時后面背景的虛實變化特別細膩。

▲ 這種風格在營銷頁面中也運用比較多，手法也不是一成不變，可以結合畫面特別去靈活調(diào)整，更多案例可以去我pinterest去圍觀。

圖 標 中 的 運 用

▲ 在圖標設計中，這種手法也是常見的，圖標本身配合簡單的幾何圖形讓整個設計印象深刻。

這些騷氣的表現(xiàn)技法，我想大家都見過，但是你是否有去掌握，去練習？其實去畫都不難，關鍵是學以致用，我們怎么樣才能把這種技法發(fā)揮到極致，好的趨勢需要我們在項目中落地實踐。

▲ 在圖形中其實稍加這么一點點細節(jié)和透明度，柔光進去，圖標就會細膩許多。

平 面 中 的 運 用

▲ 電商促銷海報中，在背景上運用這種柔光設計，設計顯得更加年輕趣味。

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

▲ 海報的設計，有角度圖形透明穿插，仿佛打開未來之門一樣，科技和未來感十足。

插 畫 中 的 運 用

▲ 這套插畫應該很多人看到過，非常有設計感一套，作者對于光感和透明度的運用細膩逼真，每一個作品都呈現(xiàn)出很美的設計感，對于光影的運用也是很細膩和極致。

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

▲ 光暈重疊，騷氣漸變構成了時尚的一組插畫設計

最 后

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

--END--

原創(chuàng)： sky

公眾號：我們的設計日記?