在游戲頁面設計里，涵蓋著排版，色彩，氛圍營造等等許多的設計門路，而今天咱們主要單獨說說素材風格化這個事，除了總結一下常見的處理方法，也附上了相關素材和教程，一步到位幫你提高處理素材的能力，來漲姿勢咯。

素材風格化，地氣點來說就是P圖，就是處理素材嘛，可以這么理解。我們首先想到的可能是“如何讓素材色彩統一”，“如何讓素材融入畫面”……這些是基礎美感部分，毫無疑問是正確的。但在每次設計頁面前，我經常會反問自己，為什么要把一個頁面素材處理成這樣，因為美感，還是別的什么東西？……

先拋開執行，我們理解一下為什么要素材風格化？

對于這個東西，我們真應該向女性朋友們取取經，她們可以把她們的臉（我們稱之為原始素材）處理得出神入化巧奪天工驚濤駭浪。

她們用自身肉體作為試驗對象，犧牲自我為追求至高無上之美，這是對美最極致的追求以及肩負著提高全人類審美能力的重大使命，在此向廣大女性朋友們致敬！

但是單單的“美”，似乎還不能完全詮釋素材風格化的核心魅力，我們對比下面三位范爺。

視覺感受已直接告訴我們，圖3中切格瓦拉式范爺的這種“美”感覺上了一個視覺標簽，讓人印象深刻，相比起來，圖2的美卻顯得極其“電商”感覺。

雖然攝影作品來對比素材風格化，多少有些不當，但只是為了說明一個點，素材風格化核心，是讓用戶記住。美可以抓住用戶的眼睛，但要讓他們記住這個視覺風格，還是得讓素材帶點“范兒”才行。

（可以長得不帥，但必須活的有范?。?/p>

看看上面這張照片，其實拍的也是非常美，空間感，曝光，動作張力，抓拍瞬間…

但behance里的一位哥哥卻不滿意，他把素材處理成下圖，這時候一張好照片帶上了額外的“范兒”，這種“范兒”就是抓住我們記憶點的東西。

讓素材帶點范兒，我們應該怎么做呢？

如果是個設計大神，那么下面的文字就沒必要看了，因為相信你不需要這種參考也可以憑空想出出類拔萃的視覺風格。（順便寫個分享讓我進階吧?。。。?/p>

但對于如我一般奮斗在設計前線的設計菜鳥們想挑戰一下，卻苦苦沒有靈感的時候，我們確實可以離開屏幕，望向窗外，感受下大自然，因為在那里有全人類的視覺共鳴?。。。?/p>

1：素材+ 煙霧

時尚類作品比較常用到，虛幻彌漫效果。

煙霧筆刷地址：《9月優設筆刷+紋理+字體+界面組件干貨大集合》，小技巧：Ctrl+F 搜筆刷就能看到咯。

2：素材+碎塊，爆裂物

前段時間專門搜集了這方面的素材，全都打包好了：

• 《好萊塢大片范兒！12組逼真的爆炸特效筆刷免費打包》

3：素材+雷電（震撼感）

4：素材+雨點/水滴（空間感，速度感）

類似效果的教程有：

• 《PS教程：教你打造驚艷的分散特效美女》
• 《這效果超火！手把手教你創建分散特效的夢幻女王照》

5：素材+火焰

類似教程：

• 《PS教程：創建激烈昂揚的小提琴浴火天使》
• 《PS中級教程！手把手教你繪制冰火兩重天的人物效果》

6：素材+光斑（體育品類比較常見，表現動感）

光效素材免費打包下載：《14套PS頂級光效筆刷打包下載》

類似教程：《年度最佳海報教程！手把手教你繪制閃亮璀璨的時尚海報》

7：素材+墨跡

8：素材+花

類似教程：《PS中級教程！手把手教你創建魔幻的鮮花人像特效》

還有那么一部分鬼畜視覺設計師，他們完全不理會我們的感受，非常任性地把素材處理成了“超級范”，瞬間刻在觀者腦海，不管你愿不愿意.........

素材+子彈？？

素材+…………(腦不夠用）

值得賞析的案例太多太多，這里也無法一一展示，但“素材+____”這個公式，最棒的效果必定是填上你自己的想象，綜上所述，讓素材帶點“范兒”，是留住觀者的眼球，更是為了能留住觀者的記憶。

關注設哥微信：youshege，說不定會有驚喜。

【優設本月好文最新人氣榜】

Top 1 ：搞定配色的基礎知識全科普！
《色彩搭配速成！3個實用方法幫你全面搞定配色》

Top 2：轉化率高達22%的傳單設計是怎么來的？
《重磅推薦！如何設計傳單才不會被人隨手扔掉？》

Top 3：席卷天下，包舉宇內，囊括四海，并吞八荒！
《這才叫氣吞山河！20個史詩級的大屏全景網站設計》

原文地址：tgideas.qq
作者：?剝殼使

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量87萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：