萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中的GRUNGE

網頁設計中的GRUNGE

   一、認識GRUNGE

  GRUNGE,從英文單詞的字面意義解釋為:蹩腳的東西、乏味的東西、難看的東西。但在設計行業裡,顯然它還有更特別的含義。

  設計中的GRUNGE是一種效果,就像音樂裡的GRUNGE搖滾被翻譯為垃圾搖滾一樣,它表現為一種“不規則”“頹廢”“邋遢”“垃圾”等特殊的視覺效果,而這樣反而會營造出另類的美感。類似的表達也出現在服裝設計行業,想想大家都熟悉的做舊感的牛仔褲等乞丐服,就不難欣賞GRUNGE風格了。

  目前,扁平化設計大行其道的時候,作為擬物效果的GRUNGE風格似乎顯得有些逆反而行,但是作為一種特殊的另類效果,它是值得在設計中作為考量和運用的。尤其是當設計主題為創意、想象或想表達某種另類不羁的時候,無疑,它能創作出非常有代表性的視覺效果。

  下面我們首先來認識一下各類GRUNGE效果運用。

  二、GRUNGE效果的網頁

  GRUNGE效果並不單單是代表著垃圾、邋遢,GRUNGE設計也許只是運用了很少的GRUNGE風格的裝飾,或者在主要內容裡表現出這樣的風格。下面是這類風格的網頁設計。

網頁設計中的GRUNGE 三聯

  三、GRUNGE風格的字體

  當文字本身就作為設計元素的一部分,它的裝飾性作用極強。搭配同樣風格的背景,渲染出的GRUNGE堪稱佳作!

  四、GRUNGE風格的圖標

  拉伸、扭曲……GRUNGE圖標可以承受這些,它與完美像素無關。

  這是一組以黑板為背景的黑白GRUNGE圖標,俗稱黑板報效果,在懷舊課堂等為主題的設計中運用較多。

  一組彩色GRUNGE風格圖標,色彩搭配得非常協調,並且運用了紙張感覺圖形作為背景,更加擬物形象。

  五、GRUNGE紋理

  從TORLAY的flickr相冊集裡收集了很多GRUNGE風格的無縫紋理,快收藏起來吧!(上不了flickr的童鞋們試試翻牆進入~)

  六、GRUNGE筆刷

  類似Brushking這樣的網站裡有大量的GRUNGE風格筆刷可供用戶免費下載

  結語:

  現在相信大家對GRUNGE這種設計效果略有體會,無論這是否是你喜歡的效果,或者它是否正處於炙手可熱的潮流當中,設計不會改變終極審美的初衷。因此,學習GRUNGE目的在於通過對這類效果的學習,認識到這類風格裡的各種設計,懂得運用,並在此基礎上有所突破。

copyright © 萬盛學電腦網 all rights reserved