探究视觉传达设计下的编程艺术

张瑞钰 王馨

摘要：编程艺术作为信息技术发展的产物，近几年成为广泛的创作工具。设计者从美学的角度出发，将编程作为一种创作手段，探索计算机编程在视觉传达设计表达方面的可能性。本文从编程艺术的表征入手，对相关的艺术作品进行解读，研究编程艺术的特点与性质，并在此基础上进一步探索编程艺术的应用方式，旨在为编程艺术的研究提供有益的参考。

关键词：编程艺术;视觉传达设计;交互;生成

近年来，计算机技术和人工智能越来越强大，文化生产、传播和接受的方法以及人理性与感性的认知正发生前所未有的变化，与此同时，设计师们正面临各种设计方式的转变。因此，当下的视觉传达设计，应在新的技术条件的冲击下，不断寻找新的承载方式和价值意义。新时代的视觉传达设计，应大力提倡创新思维，在设计中融入编程势在必行，编程逐渐成为一种被广泛运用于艺术设计领域的创作工具，越来越多的创意机构和设计工作室，运用这一富有潜力的新兴技术，使自己在市场上更具有吸引力。

1 编程艺术的发展

编程（Programming）即编订一段程序，让计算机发出清晰指令，以此解决一系列的问题。也就是说，我们编订的这一段程序，就是表述解决这些问题的方法策略，而这些策略，需要遵循一定范围内的规则，并可以在有限时间内解决这一问题。我们从美学的角度出发，把这一过程运用到艺术中，将编程作为一种创作手段，探索计算机程序在视觉艺术表达上的可能性，这便是编程艺术。编程艺术是近年来新兴的艺术形式，不仅可以用于艺术创作，运用于视觉传达设计时，还可以碰撞出更多的灵感创意。

编程艺术是一种艺术形式，是将抽象观念转化为实物的结果，其理论基础仍然是设计理论，但操作手段则是计算机技术。将编程作为设计方式，不仅要设计师进行设计思考，还要将这一行为数据化，归纳成一系列的运作机制，研究并提炼各种视觉形式的结构原理，然后多次实验总结，调整出一个规范的程序，然后根据这些程序生成新的作品。

将编程运用于艺术之中，并非近几年才有的事情，事实上，早在20世纪80年代中期，MIT（麻省理工学院）的平面设计师Muriel Cooper就看到了编程在设计中的潜力，她成立了视觉编程语言研究组VLW（Visual Language Workshop），探索设计师和艺术家应该怎样将新型技术运用到工作之中。2001年，基于Java语言的Processing语言被来自麻省理工学院媒体实验室（MIT Media Laboratory）的Casey Reas与Ben Fry创建出来，并完全开源，这一举动激发了设计师和艺术家学习编程语言的动机。2005年，Zachary Lieberman，一位帕森斯设计学院的教师，在C++语言的基础上，开发了openFrameworks，大幅简化了编写界面的流程，使开发图形程序变得很轻松，为创作过程提供了更加简单和直观的框架。近几年，类似于processing编程语言的可视化JavaScript库——P5.js，逐渐流行起来，经常被创作者运用于数据可视化设计与互动艺术创作。如今，欧美许多学术机构对代码艺术的研究已相当成熟，如麻省理工学院媒体实验室、伊利诺斯大学电子视觉化实验室、瑞典交互式设计中心、英国交互式艺术高级研究中心、德国科隆媒体艺术学院等等。代码已成为国外院校的常规创作手段和教学内容[1]。

2 视觉传达设计下编程艺术的特点

在視觉传达的语境下，编程艺术是使用编程创造出的不同的图形或图像，这些图形或图像可以是静态的，也可以是动态的。运用编程艺术制作出的静态图形，即使在同一段代码的运算下，依然可以生成全然不同的两个图形。而用编程艺术制作的动态图形，不但具有动态图形的艺术特征，即视觉图形被动画化后在屏幕上移动，并且伴随背景音乐与观看者进行视觉交流，而编程创作与动态图形创作不同的是，编程创作要求设计师在决定设计的方法和内容之后，将其赋予到编程上，让程序自动完成这些决定。设计师运用编程的手法，仍旧可以将文字、图形、声音等元素整合在一起，以动态的形式表达出来，但是不同于其他设计工具，使用编程技术创造出的动态图形，只需稍微改变参数，就会产生各式各样的变化。因此，编程艺术作为视觉传达设计新兴的创作手法，有自己独特的艺术特征。

2.1 参数化设计

由于编程艺术主要依赖于输入代码进行图形的生成，因此其艺术特征具有很强的参数化特征。设计师通过输入图形所在的坐标位置生成图形。例如，动态图形中的设计元素是运动的，这些元素的运动，一般依赖于设计师的习惯或技巧。在编程艺术中，艺术家运用各种参数来定义一个变化的空间。这些决定性参数，在一定范围内取值，而这个被随机选中的值在一定程度上具有目的、动机、规则等可预测性的缺失，这些随机性可以带来多样的、不可预测的结果，从而让设计作品更丰富、更有活力。这种形式，在动态排版中得到了最大限度的体现和发挥。例如使用编程中常用的粒子系统，将字符分解成粒子，使其沿着某种设定运动。这种形式使元素的运动轨迹设计变得简单起来，甚至可以设定一个固定的程序，让不懂设计的人通过参数的变化实现简单却独特的设计。

Speak your mind这一网页生成表达应用程序，可以帮助用户进行独特的动态海报设计。用户通过音乐曲目中的七个特征（anger、defiance、disgust、fear、happiness、surprise、sadness）来选择情感，然后调整一系列的参数来扭曲编排文字的形态，或者调节运动速度和大小比例。在这项设计中，每个人的情感通过参数设置转化为海报设计表达出来，使设计变得简单却富有多样性。

2.2 灵活性高

传统的设计方法，是设计师创造出多个提案，在其中择优选取。在我们常见的视觉传达设计中，无论是排版、标识，还是海报、插画，图案和结构都是其设计的基础。

在图案的设计里，例如一段动态图形的创作，要求设计师在一段时间内，将各种图案进行演变，其中每一个图案都是固定不变的，若想使其变化，就需要重新进行绘制。而在编程艺术中，这些感性创作思维则变成了理性的编程手法，设计师可以利用编程创造出更加多变且华丽的结构和图案。当我们编订了我们想要的程序，生成出来的图案，即使输入发生微小的变化，结局都将难以预测。电脑设计出的图形，并不受设计师本能的模式和先入为主的观念的影响，这个形式意味着无数的可能性。在结构的设计里，我们需要规划图案的位置和变位，这些设计元素的每一次变位，都需要设计师手动进行。编程艺术则不同于这些传统的方式，编程艺术将这些变化的节点变成编程语言，开发一套视觉规则，交由电脑自动设计，不仅满足了设计需求，并且可以生成独特的构图或动画。这些特点，都使设计具有高度的灵活性。

由The Mill工作室制作的AICP宣传视频就运用了这一手段，The Mill的设计师和新兴技术团队通过开发定制软件，突破了传统动态图形的设计界限，结合前所未有的技术，算法生成的宣传片使用代码随机生成独特的视觉和音频。这个作品展示了人机协作的巨大潜力，也显示了编程艺术的高灵活性。

编程艺术通过计算机运算生成艺术造型，排除了人脑设计思维的约束带来的一致性、单一化。编程艺术的高灵活性可以在最大范围内为设计提供各种各样的方案，令作品的风格具有强烈的个性，更加不拘一格。

2.3 情感互动丰富

高科技的发展使科技成为社会的主导因素，人们的情感随着科技的发展愈发弱化。随着一些高科技的生产力的出现，人们逐步意识到科技在推动社会进步方面的重大作用，与此同时，人类的情感在科技面前逐步封闭弱化。面对这种情形，我们希望在创作方面逐步倾向于高情感的环境，用以平衡科技软性和硬性的两面。在这个高速发展的信息时代，人们被物质极大丰富后的工业品包围着。在生活资料不在为我们所担心的年代，娱乐精神开始走向台前，逐步成为人类生存质量的标准，人们的思想观念开始向个人主义至上接近。设计师在这样的时代背景下，需要把人的需求看成首要目标，因此将人们从繁复沉闷的工作环境中拯救出来，增强设计中的人文主义情怀十分重要，同时面对需求个体，给予针对性强的个性化设计，都将成为这个时代新媒体艺术设计的重要目标。

而编程设计可以通过程序的设定，根据用户的参与数据，生成定制的效果。这一定制效果被广泛应用于互联网品牌营销当中，每年年底网易云音乐、支付宝等平台针对用户开展的H5页面的营销活动，既突出了品牌，又使每个人有不同的使用体验。

因此，将编程融入设计之中，设定出品牌设计的主视觉，采用不同的算法模式，可以依据用户习惯实现定制化设计，因用户、天气、环境等因素的不同而变化，使设计更具有情感上的互动。

3 编程艺术的运用

在艺术和科技逐步融合的时代，越来越多的艺术家和艺术群体开始将编程作为载体进行创作。在编程强大的交互和可视化作用下，艺术家的艺术作品和艺术理念可以更好地、多维度地与受众交流沟通。计算机屏幕或者投影技术以及单纯的音媒技术，可以让艺术家有更大的表达空间进行更加高效的信息表达。因此，相信未来编程将成为艺术家重要的表达手段，而艺术品的载体也将丰富化、多元化。在工业设计中，可以利用编程生成设计好的产品;在数字媒体艺术中，编程被广泛应用;而在视觉传达设计中，编程艺术也开始发挥自己的作用。

3.1 动态海报

2016年，Das bewegte Plakat瑞士动态海报展的策展人Josh Schaub第一次提出编程融入设计的可能性，并针对这个新的尝试，策划了第一届瑞士动态海报展，吸引了世界的目光[2]。运用编程艺术生成的动态海报，不同于静态海报的一成不变，它多变的形式更加容易吸引人们驻足观看。从制作层面来看，运用编程艺术制作动态海报也十分合适。编程艺术的参数化设计，决定了海报的图形能够被轻松地设计出来，编程艺术的灵活性设计也使动态海报更具个性化和趣味性。而从情感上的互动来看，动态的海报形式相较于静态的海报来说，更有助于设计师的情感表达，更容易使观看者产生共鸣。

当然，将海报设计与编程艺术结合，十分考验设计师的能力，动态海报的制作要求也更高。首先，海报的作用是向人们传递信息，如何利用动态的形式，使信息清晰地传达，需要更加深入的思考。另外，静态的海报只是一个平面图形，而动态的海报是多个静态图形以时间轴的形式组合而成的，每一帧画面都需要设计师仔细斟酌，因此将编程融入海报之中仍需要深入思考。

3.2 可变字体

近年来，众多品牌纷纷定制自己的专属字体，以更好地传播自己的企业文化，也因为电子媒介传播的多种尺寸，可变字体应运而生。2020年获Type Champions Award奖项的12个品牌里，有一半的设计采用了可变字体，并且在其间公布的设计趋势中，也预测可变字体將在10年内急剧增加，越来越多的设计师开始运用编程进行字体设计。来自韩国的设计师Gang Buron-Yi写出了一个程序，并合个人的主观选择去干扰程序规则，从而设计出了无数有趣的字体与海报。Gang将显示屏的LED像素作为创作元素，将其打散重构，在这个过程中，字体逐渐变得复杂。他认为程序是理性的、有规律地执行他制定的指令，在这一过程中将自己感性的思维融入其中，逐渐改变字体的形态，创造出秩序又混乱的复杂形式。除此之外，编程艺术还可以做到字体的动态排版，和动态海报等设计相辅相成。

3.3 品牌设计

随着品牌营销逐渐转向线上传播形式，品牌设计形式也愈发多样。将编程艺术运用于品牌设计，在一定程度上可以更好地将品牌的调性与文化传播出来。对于品牌来说，动态化的品牌营销，更容易打动年轻的一代，运用编程艺术制作的动态品牌设计，往往都是有趣且大胆的，这为品牌的传播提供了更加直接的表达方式。这一点在设计师Kenny为Samsonite行李箱面向都市年轻人做的设计中体现得淋漓尽致，在宣传页面中，行李箱在动态字体的衬托下，轻盈地转圈滑动，改变了人们心中行李箱外表沉闷的印象，轻盈的动态也展示出了箱子滑轮的顺畅与使用时的轻便。这种风格充满动感和趣味，在品牌营销的同时也形成了独特的美感。

3.4 可视化设计

在数据分析场景下，面对5G时代的到来，很多互联网公司和组织认识到数据的重要性，类似阿里巴巴的云计算这种大型人机处理系统能即刻处理高计算量的大数据。而编程能接受非常多的处理格式，大部分简单明细的表格动画都是使用编程的内部函数来实现的，在编程里，我们通过设置某些函数的参数，在数据里进行高效的分析和查找，能很快找到我们需要挖掘的数据。同时，我们能对这些含有大量价值的数据进行可视化分析和展示，把决策人群的信息隐藏行为变成商业决策，从受众人群的信息中获取他们潜意识的商业需求，从而创造更大的价值。

4 结语

毫无疑问，编程艺术这一艺术形式正在逐步发展，它区别于传统的视觉传达艺术设计，编程艺术带来的高效的数据分析和多样的设计成果，为平面设计和信息设计带来了新的设计形式和更多的可能。

编程艺术是视觉传达艺术借助高新技术的成果，是一个深度的跨学科工作。而这正是编程艺术的困难点：一方面，程序员可以轻松地理解各种编程语言，并将其转换成对应的图形，但是他们往往不能将这个图形设计得极具创意与艺术美感;而另一方面，艺术设计者拥有更好的图形设计能力，但在技术的实现层面却存在瓶颈，无法将自己的行为模式变成程序编写出来。因此，在一定层面上，编程艺术并不是一个技能，更像是一种观念，一种思维方式。设计师不能指望在技术层面上做到最好，这最终是一个观念层面的问题，比起单纯地学习技术，更重要的是学会怎样将技术和艺术更好地结合。

目前，国内外从事编程设计的设计师越来越多，有关编程艺术的教程分享也层出不穷，编程艺术必定会以其独特的艺术特征，得到广泛的认可和强劲的发展。同时也应看到，编程艺术作为一种新兴的艺术形式，一方面自身的开发才刚刚起步，另一方面人们对它的理解度和接受度都还不够。电脑编程的专业性也是编程艺术一个很大的绊脚石，如何越过这个绊脚石，在设计领域广泛应用算法艺术，达成艺术与科技的双赢，是我们当下要思考的重要问题。

参考文献：

[1] 谭亮. Processing的代码艺术应用研究[J].装饰，2012（02）：104-105.

[2] 宋方圆.动画本体与新形式——动态图形设计的视觉范式研究[J].南京艺术学院学报，2019（04）：193-196.

作者简介：张瑞钰（1995—），女，河南新乡人，硕士在读，研究方向：数字媒体艺术。

王馨（1981—），女，江苏高邮人，硕士，副教授，研究方向：数字电影审美、数字媒体视听设计、数字影像创作。