设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

编者按:GRUNGE 原意是摇滚乐的一种风格形式,描述音乐里那种嘈杂而失真的感觉,但在设计行业里,它有特别的含义,表现为不规则”“颓废”“邋遢”“垃圾”等特殊的视觉效果,而这样反而会营造出另类的美感。今天@飞屋睿UIdesign 写了一系列教程,从认识GRUNGE到如何运用在作品设计中,都有教程,赶紧学起来!

一、认识GRUNGE

GRUNGE,从英文单词的字面意义解释为:蹩脚的东西、乏味的东西、难看的东西。但在设计行业里,显然它还有更特别的含义。

设计中的GRUNGE是一种效果,就像音乐里的GRUNGE摇滚被翻译为垃圾摇滚一样,它表现为一种“不规则”“颓废”“邋遢”“垃圾”等特殊的视觉效果,而这样反而会营造出另类的美感。类似的表达也出现在服装设计行业,想想大家都熟悉的做旧感的牛仔裤等乞丐服,就不难欣赏GRUNGE风格了。

目前,扁平化设计大行其道的时候,作为拟物效果的GRUNGE风格似乎显得有些逆反而行,但是作为一种特殊的另类效果,它是值得在设计中作为考量和运用的。尤其是当设计主题为创意、想象或想表达某种另类不羁的时候,无疑,它能创作出非常有代表性的视觉效果。

下面我们首先来认识一下各类GRUNGE效果运用。

二、GRUNGE效果的网页

GRUNGE效果并不单单是代表着垃圾、邋遢,GRUNGE设计也许只是运用了很少的GRUNGE风格的装饰,或者在主要内容里表现出这样的风格。下面是这类风格的网页设计

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

三、GRUNGE风格的字体

当文字本身就作为设计元素的一部分,它的装饰性作用极强。搭配同样风格的背景,渲染出的GRUNGE堪称佳作!

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

四、GRUNGE风格的图标

拉伸、扭曲……GRUNGE图标可以承受这些,它与完美像素无关。

这是一组以黑板为背景的黑白GRUNGE图标,俗称黑板报效果,在怀旧课堂等为主题的设计中运用较多。

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

一组彩色GRUNGE风格图标,色彩搭配得非常协调,并且运用了纸张感觉图形作为背景,更加拟物形象。

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

五、GRUNGE纹理

这类型的纹理优设有很多呦,小技巧:同学们戳开下边的地址,Ctrl + F 搜索GRUNGE 就可以看到啦!

《史上最华丽!2000组PS杀手级纹理打包下载》,已打包噢

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

六、GRUNGE笔刷

类似 Brushking 这样的网站里有大量的GRUNGE风格笔刷可供用户免费下载。

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

同样的方法,来这儿看看,全打包好的:《100套新鲜免费的PS笔刷下载》

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

结语:

现在相信大家对GRUNGE这种设计效果略有体会,无论这是否是你喜欢的效果,或者它是否正处于炙手可热的潮流当中,设计不会改变终极审美的初衷。因此,学习GRUNGE目的在于通过对这类效果的学习,认识到这类风格里的各种设计,懂得运用,并在此基础上有所突破。

说到趋势,最近很火的Material Design是怎样的呢?

新手学习必备手册!
《超全面总结!深聊Material Design引领的设计趋势》

看看谷歌设计师的实践心得!
《超赞!谷歌设计师的Material Design实践心得》

Material Design新鲜资源一大波!
《新鲜热辣!一组实用的MATERIAL DESIGN风格素材!》

原文地址:jianshu
作者:@飞屋睿UIdesign

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量76万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

设计中的摇滚乐!带你认识网页设计中的GRUNGE(一)

收藏 4
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。