跳槽進大廠,這些設計技法必須會(三):柔光風格

sky
2 評論 4201 瀏覽 46 收藏 15 分鐘

今天和大家分析的一個就是柔光風格,故名思議,柔光就是整體視覺風格呈現光的折射特征,顏色層次豐富,有明顯的光的流動和方向性。

打造自己的設計風格庫

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

我一直覺得設計師成長本身就是一個產品,需要每天去更新我們的系統,更新設計資料庫,讓它像百科全書一樣全,豐富,能幫助我們去指導設計方向。

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

我在pinterest上很喜歡一個叫SSG的團隊,在韓國相當于國內的騰訊,阿里,他們有一個團隊pin賬戶,設計師每次發現新的風格都會統一的采集到這個文件夾里面。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

他們pin文件夾素材。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

我們不難發現,這些優秀的團隊,都是定期更新著團隊的素材庫,設計風格指南庫,去指導他們設計團隊的設計方向,所以設計風格指南庫,尤其重要,它就是工作和職場中陪伴我們成長的榜樣和導師!

柔光風格的特點

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

之前有提到,現在很多設計師風格局限,技法同質化,作品集呈現風格雷同,差異性不大!

其實UI發展到今天有很多新的風格在出現,只不過我們沒有留意到,今天和大家分析的一個就是柔光風格,故名思議,柔光就是整體視覺風格呈現光的折射特征,顏色層次豐富,有明顯的光的流動和方向性。

在設計手法上常用漸變、光斑、流動、疊加透明等手法,它的整體視覺感受是年輕、流動、潮流、青春活力等視覺感受!是目前比較新的一種設計手法。

1. 騷氣的色彩流動感

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

2. 顏色規律的疊加

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

3. 光斑光暈模糊應用

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

4. 發光

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

線條的光運用,光暈的運動,方向色彩的變化,都是柔光設計的很重要細節。

UI中的運用

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

三角形的光影,圓形的光影,曲線,點的內文發光,背景的細節柔光處理,讓頁面呈現出科技夢幻視覺感受。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

光的運用,光暈,內外光的運用以及撞色光影運用,頁面讓人過目難忘。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

同樣的手法,運用到白色,黑色背景都能呈現出不一樣效果。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

圖標中的運用

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

平面中的運用

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

sweet官網設計,充滿了甜蜜的味道,特別是冰棒的設計,通透有質感,色彩豐富。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

插畫中的運用

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

ghanipradita的系列插畫里,我們也能發現這種通過光的運用,讓頁面呈現出細節更豐富視覺效果。

跳槽進大廠,這些設計技法必須會 | 技法系列第三彈-柔光風格

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

最后

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

 

作者:我們的設計日記,微信公眾號:我們的設計日記(ID:helloskys)

本文由 @我們的設計日記 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很喜歡你的總結,非常棒,期待下一期

    來自北京 回復
  2. 無論是偶像劇還是所謂的流行趨勢還是設計方面,韓流一直都在牽著我泱泱大國的鼻子四處踐踏。

    來自上海 回復