蒸汽波到底是个什么波?设计趋势学习笔...

  • 经验类型设计趋势
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
13612 6 446 2019-09-01

大家好/

最近在跟着skys大佬学习写一些设计趋势,设计风格类的周刊或者总结性的小文。目的是提高设计的视野以及训练写作的能力。

/

这次带来的设计风格是在2019年比较流行的蒸汽波风,大家都知道在2017年淘宝造物节已经把蒸汽波风格大量使用并且露出,给我留下了非常深刻的印象。

/

通过大量阅读关于蒸汽波风格的文章,咨询等,也参考了很多优秀设计师的观点来寻找方向。文章以图文的形式从风格介绍到细分类目到应用场景在到最后的优秀设计师推荐。

/

参考的文章以链接的方式写在了文章的末尾处,并且对这些作者表示感谢。

封面的图片是我非常喜欢的来自古巴的以为设计师Magdiel,个站链接也在文章的末尾处。

/

希望可以通过不断的练习和尝试能打开自己的视野,养成良好的学习习惯。

也希望能跟各位优秀的设计师多多交流,如果有任何建议或者意见,请千万在下放留言区告诉我,我一定虚心听取努力改进提高。感谢。

/

文章大约一千三百字左右,图文模式,简简单单,随手分享。

/

谢谢大家


蒸汽波是什么?

Image title

来源:http://www.magdiellopez.com/


蒸汽波(Vaporwave)是一种新兴的音乐流派和艺术运动。其奇特的表现形式和诡异的视觉效果很容易吸引人们的注意。蒸汽波兴起于2010年初期,在2014-2015年几乎达到全盛时期。最初是一种独特的音乐风格,特点是大量采样80年代和90年代的音乐,通常是一些舒缓的音乐,通过剪贴、拼贴、分层、扭曲等手段,将老音乐处理成一种懒洋洋、模糊不清的感觉。延伸到视觉艺术领域,蒸汽波风格的图片和音乐的感觉类似,采用八九十年代的流行文化产物,比如电视节目、动画、明星,或者是Windows系统、老LOGO等,总之,就是要有年代感,能够代表那个年代的特点。素材处理方面,使用渐变和弯曲制造流光溢彩的迷幻感受,将元素打破再重新拼接,使人置身奇怪的光影效果之中,仿佛穿越回到八九十年代。



/

蒸汽波的设计语言精选有哪些?

Image title

来源:http://www.magdiellopez.com/jb5v0lbp780v5fff97lc02jt339tba

古典雕塑

古典雕塑 蒸汽波中最常见的一种拼贴图案,将各种石膏像头部或者全身放在画面中的各种位置。或者将石膏像进行切割,切割的部分进行图像填充产生空间感。这种美学是夸张甚至戏弄的嬉皮精神。


Image title

来源:https://5b0988e595225.cdn.sohucs.com/images

Lo-Fi低保真故障

Lo-Fi低保真故障 低保真的意思是低质量,在音乐或者视频播放中有所残缺,变形,就像我们过去说的卡带。而在设计中的使用却丰富了画面,配合动效闪屏,具有很强的视觉冲击力。


Image title

来源:https://www.pinterest.com/qinjianwork/boards/

过时科技(复古元素)

过时科技 90年代,人们对PC设备充满好奇和耐心,Windows95/98系统报错的提示,彩色的视窗,灰色的对话框,卡顿的低像素的电子屏幕,反复弹出的窗口,粗糙的2/3D字体,镭射光碟的荧光也成为蒸汽波的一种元素。


Image title

来源:https://wx.zsxq.com/dweb/#

赛博朋克

赛博朋克 赛博朋克从其英文的字面含义上来可以理解为“使用机器的无政府主义”。特点是强烈的反乌托邦和悲观主义色彩。相关词有:生化人、反乌托邦、虚拟现实、后现代状况。蒸汽朋克和赛博朋克在「朋克」上的相同之处是思想解放、反主流精神。它们的不同点在于一个是乌托邦的,具有美好的幻想希望回到一个美好的历史时代;而另一个是反乌托邦的,具有强烈的悲观主义,恐惧被机器主宰的未来。


Image title

来源:http://www.magdiellopez.com/iktbxmbfz5jjaudg1szhzouveh5847

迷幻流体渐变

迷幻流体渐变 对比色的红蓝渐变营造出的荧光效果,刻意扭曲混合的颜色,都传递出不真实的感觉。这种颜色来自于光碟的反光,并在此基础上丰富扭曲,打造出金属质感。蒸汽波风格的视觉中,通常用这种形式营造虚幻的心理感受。丰富且不和谐的颜色搭配,就像是上世纪八九十年代黄金时代的纸醉金迷,奢靡美好却又危机四伏。



/

蒸汽波的应用场景有哪些?

Image title

来源:https://www.applestore.com

在UI设计中

关键词:相机效果、视频、复古

蒸汽波在UI设计中多是一些工具类的APP,图片处理、相机、视频录制等等,无疑是新潮的移动端工具。也带给用户DIY自己照片的良好用户体验。抖音的出现也是带来了一波蒸汽波风潮,大家可以多多下载尝试感受一下。 


Image title

来源:https://www.pinterest.com/qinjianwork/

在小程序设计中

关键词:调性、新潮

抖音APP的出现,把蒸汽波风的时尚潮流体现的淋漓尽致。嘟嘟卡点相册和BOOMDI两款由花椒团队开发的小程序也把2019年的潮流小程序推向了顶峰,潮流,好看,好玩。


Image title

作者:https://www.pinterest.com/qinjianwork/

在Banner设计中

关键词:炫酷、年轻、吸引眼球

2017年的淘宝新势力周,首次在主流的平台上大规模使用蒸汽波风格的Banner设计,吸引了大批希望自己更加时尚更加炫酷的年轻人的眼球。淘宝已经不满足于买卖商品,而是让情怀更加深入人心。


Image title

来源:http://www.magdiellopez.com/

在海报设计中

关键词:虚幻、拼贴、无秩序

非常适合用于海报设计,画面具有强烈的视觉冲击感。很多文学影视作品表现出对科技的反思,出现了大批赛博朋克作品,如《蜘蛛侠:平行宇宙》、《攻壳机动队》、《银翼杀手》等,带有强烈的反乌托邦和悲观主义色彩,反映了人们对于科技水平快速发展,而精神文明却逐渐空虚的现状的担忧和反思。蒸汽波就诞生于这样的反思中。


Image title

来源:https://meihong.zcool.com.cn/

在C4D设计中

关键词:冲击力、随机、创意

C4D是一个很神奇的软件,你可以通过不同的材质球和渲染参数得到完全不一样的视觉效果,在创作的时候刻意的融入蒸汽波的元素和语言特点的话就很容易得到很有视觉冲击力的作品,大家可以多多尝试。这也是C4D这款软件的魅力所在。


Image title

来源:https://www.sohu.com/a/288188564_99985468

在滤镜效果设计中

关键词:社交、二次元、Emoji表情贴图

打开像是ins这种社交平台,就能发现不少蒸汽波艺术的迷妹。平时不苟言笑的Bella内心是个梦幻的土酷少女,经常能看到她在ins用蒸汽波滤镜二次创作的照片。蒸汽波艺术和拼贴元素息息相关。


Image title

来源:https://www.sohu.com/a/288188564_99985468

在店铺设计中

关键词:装置、石膏、绿植

各种各样网红打卡店的出现带来了极高的网红效应产出,而蒸汽波这种店更是适合类型的店铺设计,无论是服装、视频、音像、餐厅等等。


Image title

来源:https://baijiahao.baidu.com/s?id=1628026509002955391&wfr=spider&for=pc

在摄影设计中

关键词:服装、气氛、道具

首先服装风格在蒸汽波基础上配色要保持统一符合调性,比如镭射服和五彩斑斓的反射光,墨镜、腰包、彩色袜子和潮流凉鞋。场景上,道具元素的取用1-2个是极好的不要过多。光线上,影棚光线配合电影灯+LED灯管拍摄,利用塑料袋制造镜头朦胧效果都是不错的选择。最后在修片的时候控制好色温在3900K左右,相信你会得到你想要的蒸汽波效果的。



/

推荐设计师

Image title

Magdiellop

来自古巴的设计师Magdiel是一个十分勤奋的人,坚持打卡,并且发布到自己的个站上,链接:www.magdiellopez.com。也可以关注他的ins。不同的风格都有尝试,也一定能给你带来灵感。


Image title

梅红提爱克斯

来自中国的设计师-梅红提爱克斯,一个非常优秀的小姐姐,常年活跃在站酷和UI中国上面,分享的都是非常精彩的C4D作品,风格跨度大,作品惊艳,同时也在开每周的打卡活动,大家可以关注一下。主页:https://meihong.zcool.com.cn/



/

结语

艺术风格这个螺旋上升发展的奇妙种子在互联网的逐渐普及下愈发茁壮,用户们对各种调性,各种类型的产品的适应能力也是越来越自然,对新事物的兴趣也是越来越浓厚,各种看似陈旧的风格使用得当也是可以做出让人眼前一亮的设计的。

作为设计师也要不断提高自己对各种各样风格的了解和掌握,越是踏实勤恳才越能发光发热。



/

参考文章

《蒸汽波到底是个什么波》

https://www.sohu.com/a/288188564_99985468)

《蒸汽波是什么》

(https://zhidao.baidu.com/question/877834658266467892.html)

《「蒸汽波」,到底是什么波?》

(http://dy.163.com/v2/article/detail/DP4UO9TL0514SOT0.html)

《不懂蒸汽波?那你OUT了》

(https://baijiahao.baidu.com/s?id=1605859904684580519&wfr=spider&for=pc)

《流行了很久的蒸汽波,你真的了解吗?》

(https://www.ui.cn/detail/279537.html)

《悄然在抖音火爆的蒸汽波到底是什么呢?》

(https://baijiahao.baidu.com/s?id=1623990979501335629&wfr=spider&for=pc)

《蒸汽波艺术鉴赏指南》

(https://www.jianshu.com/p/591dd926eb13)

《教你如何拍摄蒸汽波风格的写真》

(https://baijiahao.baidu.com/s?id=1628026509002955391&wfr=spider&for=pc)

《大势已定,今年流行蒸汽波》

(https://www.sohu.com/a/233142177_642686)

《光怪陆离蒸汽波》

(https://www.ui.cn/detail/375199.html)

再次感谢这些优秀的作者们。



/

欢迎大家在评论区里留言讨论,十分期待。

微信公众号:大表哥的设计说

你在这里可以看到我写的各个国家的游记以及刚刚开始的设计分享。

一起提高,感谢。

全部评论:6

  • 每天只吃一块糖

    2019-09-10 13:33

    给大表哥打call

  • 姚梦艺

    2019-09-02 18:33

    好全哦,厉害了我的表哥

  • 小七_Vicky

    2019-09-02 11:07

    棒棒哒,赞啦赞啦

  • 重案组一大阅阅

    2019-09-02 10:20

    老秦的文章写的很棒啊,让我这个对蒸汽波一点不了解的人看完以后有了一定的认识,简单易懂还有相关链接和设计师,想的很全面,让大家能更进一步的了解蒸汽波,必须给老秦点个赞啊~

  • UI_Big

    2019-09-02 10:05

    过来膜拜一下

  • 你的军哥

    2019-09-02 10:04

    学习了~ 表哥优秀

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票