編者按：GRUNGE 原意是搖滾樂的一種風(fēng)格形式，描述音樂里那種嘈雜而失真的感覺，但在設(shè)計(jì)行業(yè)里，它有特別的含義，表現(xiàn)為不規(guī)則”“頹廢”“邋遢”“垃圾”等特殊的視覺效果，而這樣反而會(huì)營(yíng)造出另類的美感。今天@飛屋睿UIdesign?寫了一系列教程，從認(rèn)識(shí)GRUNGE到如何運(yùn)用在作品設(shè)計(jì)中，都有教程，趕緊學(xué)起來！

一、認(rèn)識(shí)GRUNGE

GRUNGE，從英文單詞的字面意義解釋為：蹩腳的東西、乏味的東西、難看的東西。但在設(shè)計(jì)行業(yè)里，顯然它還有更特別的含義。

設(shè)計(jì)中的GRUNGE是一種效果，就像音樂里的GRUNGE搖滾被翻譯為垃圾搖滾一樣，它表現(xiàn)為一種“不規(guī)則”“頹廢”“邋遢”“垃圾”等特殊的視覺效果，而這樣反而會(huì)營(yíng)造出另類的美感。類似的表達(dá)也出現(xiàn)在服裝設(shè)計(jì)行業(yè)，想想大家都熟悉的做舊感的牛仔褲等乞丐服，就不難欣賞GRUNGE風(fēng)格了。

目前，扁平化設(shè)計(jì)大行其道的時(shí)候，作為擬物效果的GRUNGE風(fēng)格似乎顯得有些逆反而行，但是作為一種特殊的另類效果，它是值得在設(shè)計(jì)中作為考量和運(yùn)用的。尤其是當(dāng)設(shè)計(jì)主題為創(chuàng)意、想象或想表達(dá)某種另類不羈的時(shí)候，無疑，它能創(chuàng)作出非常有代表性的視覺效果。

下面我們首先來認(rèn)識(shí)一下各類GRUNGE效果運(yùn)用。

二、GRUNGE效果的網(wǎng)頁(yè)

GRUNGE效果并不單單是代表著垃圾、邋遢，GRUNGE設(shè)計(jì)也許只是運(yùn)用了很少的GRUNGE風(fēng)格的裝飾，或者在主要內(nèi)容里表現(xiàn)出這樣的風(fēng)格。下面是這類風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)。

三、GRUNGE風(fēng)格的字體

當(dāng)文字本身就作為設(shè)計(jì)元素的一部分，它的裝飾性作用極強(qiáng)。搭配同樣風(fēng)格的背景，渲染出的GRUNGE堪稱佳作！

四、GRUNGE風(fēng)格的圖標(biāo)

拉伸、扭曲……GRUNGE圖標(biāo)可以承受這些，它與完美像素?zé)o關(guān)。

這是一組以黑板為背景的黑白GRUNGE圖標(biāo)，俗稱黑板報(bào)效果，在懷舊課堂等為主題的設(shè)計(jì)中運(yùn)用較多。

一組彩色GRUNGE風(fēng)格圖標(biāo)，色彩搭配得非常協(xié)調(diào)，并且運(yùn)用了紙張感覺圖形作為背景，更加擬物形象。

五、GRUNGE紋理

這類型的紋理優(yōu)設(shè)有很多呦，小技巧：同學(xué)們戳開下邊的地址，Ctrl + F 搜索GRUNGE 就可以看到啦！

《史上最華麗！2000組PS殺手級(jí)紋理打包下載》，已打包噢

六、GRUNGE筆刷

類似?Brushking?這樣的網(wǎng)站里有大量的GRUNGE風(fēng)格筆刷可供用戶免費(fèi)下載。

同樣的方法，來這兒看看，全打包好的：《100套新鮮免費(fèi)的PS筆刷下載》

結(jié)語：

現(xiàn)在相信大家對(duì)GRUNGE這種設(shè)計(jì)效果略有體會(huì)，無論這是否是你喜歡的效果，或者它是否正處于炙手可熱的潮流當(dāng)中，設(shè)計(jì)不會(huì)改變終極審美的初衷。因此，學(xué)習(xí)GRUNGE目的在于通過對(duì)這類效果的學(xué)習(xí)，認(rèn)識(shí)到這類風(fēng)格里的各種設(shè)計(jì)，懂得運(yùn)用，并在此基礎(chǔ)上有所突破。

說到趨勢(shì)，最近很火的Material Design是怎樣的呢？

新手學(xué)習(xí)必備手冊(cè)！
《超全面總結(jié)！深聊Material Design引領(lǐng)的設(shè)計(jì)趨勢(shì)》

看看谷歌設(shè)計(jì)師的實(shí)踐心得！
《超贊！谷歌設(shè)計(jì)師的Material Design實(shí)踐心得》

Material Design新鮮資源一大波！
《新鮮熱辣！一組實(shí)用的MATERIAL DESIGN風(fēng)格素材！》

原文地址：jianshu
作者：@飛屋睿UIdesign

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量76萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：