- 0
- 0
- 1
分享
- 创意编程在视觉设计上有哪些可能?
-
原创 2020-12-10
本文来源于:最毕设
✴︎
创意编程✖️视觉传达
都有哪些可能性?
新媒体艺术家&教育员邱伟豪说:编程就是当代的创作工具,它既可以当做画笔来制作图像,又可以当做乐器来发出声音。它不应只属于工程师们来创造生活便利,而应该属于每个人来实现自己的创意。
你可以在设计或艺术中结合编程技术,创造出一个新的领域、新的学科,我想这就是新媒体艺术与其他学科的相互合作。
那具体可以如何呈现呢?
一起来看看吧
Tim Rodenbröker
![](https://img.d-arts.cn/doc_img/571e2c98925ca56cf21599753dda8b161607601200.gif)
![](https://img.d-arts.cn/doc_img/0d54aec358abfefec595331663616d771607601200.gif)
动态捕捉
By Zach Lieberman
![](https://img.d-arts.cn/doc_img/1e129d958a0d8f35197e29524d6c28b21607601200.gif)
![](https://img.d-arts.cn/doc_img/8a80d54458be0e443175079f537b80a61607601200.gif)
鼠标交互
Mount Fuji by Fino
![](https://img.d-arts.cn/doc_img/e1a35fc0a293d91fc2c9aa68e2ad15a51607601213.gif)
所以本小八采访了Processing 创意编程课第一期的优秀学员一起看看他们从编程小白到用代码创作的心路历程吧!
![](https://img.d-arts.cn/doc_img/eb3f4f06c4529bbf0429fa34fbd100971607601252.jpeg)
为什么想学 Processing?
凡:编程是以后的趋势,学这个对于设计师来说是十分有意义的。并且我毕设研究的主题是微观图像,它的视觉就很适合用 Processing 去生成表现。
![](https://img.d-arts.cn/doc_img/79b3b529c4e1c6212e8a97cc6c42138e1607601253.jpeg)
用数据探索生成艺术的随机性
毕设作品“微观生成”
微观图像里蕴含着许多生成的规则,而编程则是可以通过计算,模拟微观图像的生成方式。
我利用编程,将微观生成的视觉数据应用到由微观生成转化的艺术设计创作中,通过不同数据的组合探索生成结果的随机性。
![](https://img.d-arts.cn/doc_img/972e0335e5bf113722043fd957993d8e1607601253.gif)
![](https://img.d-arts.cn/doc_img/d0903a163708d65c66dfddb37ebcaf711607601255.gif)
循环变化
![](https://img.d-arts.cn/doc_img/dcca1d99ef646267d9c1cb6ded1f637a1607601258.gif)
随机变量
![](https://img.d-arts.cn/doc_img/9b9b7533e3084323fbd5caf58ff83b441607601271.gif)
律动节奏
小八:分享一下你的学习心得?
凡:我认为,学习 Processing 是要跟着导师一步步把基础的编程语言学会,拿实际的案例去实践,才能够学得扎实。
这个课程非常适合初学者或者自学不精的同学,还有想深入了解编程原理的同学,老师都会手把手帮你梳理清楚,深入浅出地理解编程的原理。
学习的过程中,为我的毕设研究提供了新的思路,以及编程思维,颠覆了我以往对设计的认知。用老师的方法,自己去深入研究、去创造,是没什么问题的。
课程的结束不意味着学习的结束,反而是学习的开始,这个课程就像打了个基础,埋了个种子,随着你未来的实践慢慢生根发芽。
![](https://img.d-arts.cn/doc_img/1125957a335d023d85a890b75b9cb2001607601276.png)
![](https://img.d-arts.cn/doc_img/ae108e2a9560b0cfc6bccd332b60a66f1607601276.jpeg)
![](https://img.d-arts.cn/doc_img/b67029e75c13572062273ec68832aeb71607601277.png)
导师邱伟豪:黄雨凡的作品充分的展示了编程特有的计算美学。通过算法组织大量细小的视觉元素,使用数学计算、随机噪声来重建再现他对于微观生物形态的观察。这是一系列非常有风格的作品。
上课前,他也遇到了很多编程初学者的苦恼——非常依赖现有代码,无法突破其他人代码中的风格限制,或是实现自己想要的效果。
于是在课程中,他从编程最基本的概念到原理开始学习,并且把遇到的困难及时消化掉。结课时,他已经能初步做出自己心中理想的效果了。再通过 2 个月的自我提升,他完成了自己的毕设最终版,非常了不起!
![](https://img.d-arts.cn/doc_img/7286e7a7b017f1177da9f0c74cd5022b1607601282.jpeg)
为什么想学 Processing?
萱:对于一直用平面语言创作的我来说,编程真的是很有魅力的设计语言,尤其是利用编程制作人机交互的效果。编程能够把原本只能观赏的视觉艺术,转化成可以产生体验感的作品。
![](https://img.d-arts.cn/doc_img/b42db938f3fd49759a8a703badbf631a1607601283.png)
关于未来高效语言的畅想
毕设作品“Diaries”
受到电影《降临》的启发,影片中提出了一个全新的语言系统概念——非线性语言:一个字符可以表达一段话。它节省了大量时间,最大化了文本的效率。
![](https://img.d-arts.cn/doc_img/c596328a576bed6d4a09bef8021649c11607601286.gif)
除了信息载体,物理载体也值得思考。我从当代舞中获得了灵感,把身体当作叙事的载体。
![](https://img.d-arts.cn/doc_img/712e19ef3bc7fb09dde1cca0c251f8aa1607601286.png)
![](https://img.d-arts.cn/doc_img/e1455dc0ccb5e7d69630bd172bbc333f1607601291.png)
![](https://img.d-arts.cn/doc_img/0d657defd4d81cfcc3eaf6ed2ce0323b1607601302.gif)
![](https://img.d-arts.cn/doc_img/35b8f18e0735587bb95559e630f026d71607601326.gif)
![](https://img.d-arts.cn/doc_img/43250f11d6707ee698c6cad5d60b1a541607601336.png)
我的作品提出了一套高效语言文字系统的想象,探索可以在未来使用的富有想象力的更加高效的文字语言系统。
最终以短片日记的形式呈现,表达了我在 2020 年四月份起到九月份疫情期间个人的心路历程,从英国疫情爆发回国、到隔离、远程学习、到疫情缓和出门。
![](https://img.d-arts.cn/doc_img/5a28ce36d750dc5225f8b719f9bf94431607601337.gif)
![](https://img.d-arts.cn/doc_img/68d9b3eb44006e8e4b52494b18ec8adf1607601340.png)
为了让观众参与到语言的创作中来,我开始尝试使用编程技术。技术呈现上就是利用 Kinect 实现捕捉人的手腕,记录两个手腕的轨迹。
编程技术的加入使得我的作品可以为观众提供了一个感受和想象的机会,让观众通过参与体验来思考未来语言的可能性。
小八:分享下你的学习心得?
萱:在学习这个课程之前,对编程的了解完全是零。邱伟豪老师对我们的要求是看懂代码并且有能力修改,在学习的过程中我做到了!
作为编程小白的我,一上手就直接做人机交互的编程,对我来说也是很大的挑战。有一次创作出现了 bug,我查了很久都没找到原因,然后邱老师从代码基础和结构帮我分析。最终在老师的指导下 Debug,还是很有成就感的。
希望未来还有更多的机会用编程来做设计。编程真的很好玩,入股不亏!
Diaries 一分钟简短版
导师邱伟豪:萱儿的作品通过计算手段,给线性叙事的电影媒介增加了一个新的维度。通过编程把电影中的主体的动作记录成抽象的符号,把它作为一种新的叙事语言的尝试。作为初学者,她完成了最有挑战性的交互装置类作品。
![](https://img.d-arts.cn/doc_img/5000406dfe193fdab0525e7f6db1fcb21607601342.jpeg)
为什么想学 Processing?
zee:学习 Processing 是自己当时立的一个 flag,学习的过程也是头脑爆炸并快乐的。感觉逻辑思维有点锻炼开来,了解了后台编程。在工作上和 IT 大大们交接工作也能更好地沟通。
![](https://img.d-arts.cn/doc_img/b868e382d04fe264d144a454545d03661607601343.jpeg)
用双眼去听歌
音乐节拍可视化
我认为做一个项目需要动用的是自己力所能及的知识完成它。所以第六节课的作业中,我想先做好视觉配色与界面设计,再使用代码。
方案是,音乐信息可视化,对不同类型的音乐分解,使音律节奏可视化。每一种音乐风格都配有情绪版,包括颜色参考,数据来源等。确定了配色,在色彩关系上还要做细节调整。音乐类型包括 Disco, Rock, Swing Jazz 和 Soul。
![](https://img.d-arts.cn/doc_img/5d123e73e1464244491f6cb5a14eae211607601343.png)
![](https://img.d-arts.cn/doc_img/3223ce87ad403152dc4fa73e0820b2921607601352.png)
从黑胶上的白色线条可以看出此乐器的出现频率。每半个拍就是一条直线,一个多边形就是 18 个拍,可以从疏密看出乐器声出现的地方。
DISCO music主旋律乐器(主到副依次大到小)出现会是多变化的,而副旋律的乐器基本都会有一个规律。Disco 最多的乐器元素是小提琴,或者钢琴高音部 。
![](https://img.d-arts.cn/doc_img/39e48181c5737416471d276eb7151c211607601356.jpeg)
ROCK music
每个乐器出场先后非常分明,并且疏密间隔,副旋律的变化反而更多。
![](https://img.d-arts.cn/doc_img/2019e5803480334c55051f1a316044cc1607601356.jpeg)
鼠标移动时可以转动唱片,是不是有种搓碟的感觉?
![](https://img.d-arts.cn/doc_img/8317fe14cbacfae9da8f293b6b1a388b1607601357.gif)
![](https://img.d-arts.cn/doc_img/fc137571d1816979fbb20cafd3c4c8601607601357.gif)
ROCK 1982 Beat it
下面是我其他的作业~超级感谢老师一步一步地指导我,超开心!
![](https://img.d-arts.cn/doc_img/223668d652449b6e51685f487242a7c41607601358.gif)
第三节课
![](https://img.d-arts.cn/doc_img/1ebdae8b94564ac72f49b8192325e2131607601370.gif)
![](https://img.d-arts.cn/doc_img/f06162f9587aa973598af65e0e1c90141607601373.jpeg)
互动海报 第九节课
导师邱伟豪点评:
Zee 同学是一个对音乐和舞蹈的有激情的人。她在课程作业中,结合自己平面设计的经验,完成了数据可视化作品。她手动分析音乐中的律动和节奏,并把他们刻画在虚拟的唱片上。通过鼠标交互,可以实现“打碟”的效果。
她从零开始学习,会寻找课程以外的创作灵感、素材和代码资源等,不断自我创新,很多想法,只待学会编程来实现它们。结课后,我可以看出她已经把编程当作画笔一样的工具,经常在朋友圈分享自己最新的实践。
好啦,今天的分享就到这里。
就像黄同学所说的一样,学习 Processing 就是在为将来打好基础,埋了个种子,随着你未来的实践,慢慢生根发芽。
邱伟豪老师一直在思考,如何降低编程的学习门槛,让编程的学习之路更加有趣,让零基础的同学也能高效的掌握编程。
针对这些问题,我们在第二期教学中进行迭代。
革新了课程结构,以基础训练为课程目标精简了知识点,同时精心设计了学习路线,确保知识点之间的连贯性。
同学们可以跟随自己的学习进度,有梯度地选择练习。锻炼你在日后的自学能力,脱离了老师也能独立创作 ????
第二期 Processing 课程即将上线
欢迎扫码咨询????
![](https://img.d-arts.cn/doc_img/067101f5559f1062682409a006d27c9d1607601376.jpeg)
审核:叶欣-未经授权 请勿转载(不免费授权)
欢迎指正和投稿:media@zuibishe.com
-
阅读原文
* 文章为作者独立观点,不代表数艺网立场转载须知
- 本文内容由数艺网收录采集自微信公众号最毕设 ,并经数艺网进行了排版优化。转载此文章请在文章开头和结尾标注“作者”、“来源:数艺网” 并附上本页链接: 如您不希望被数艺网所收录,感觉到侵犯到了您的权益,请及时告知数艺网,我们表示诚挚的歉意,并及时处理或删除。