创意编程在平面设计中的应用研究——以Processing为例

078 / INDUSTRIAL DESIGN 工业设计
创意编程在平面设计中的应用研究
――以Processing 为例
RESEARCH ON THE APPLICATION OF CREATIVE PROGRAMMING IN GRAPHIC DESIGN —TAKING PROCESSING AS AN EXAMPLE
福州工商学院　吴茜
和凯西·瑞思（Casey Reyes ）共同开发的一款软件。

软件面向艺术家、设计师进行创意原型制作与语言编程，它主要用于视觉艺术与装置艺术。

其也是Java 语言的扩展，并支持许多现有的Java 语言体系结构，但是它的语法要简单得多，并且具备许多用户友好的设计，与其他高级计算机编程语言相比更具专业性、高效性、易用性[2]。

在绘图功能上，Processing 画图与之前的绘图软件是不一样的。

在它的界面中，没有“橡皮”或“铅笔”这样的可视化工具，只有一个可以写代码的对话框。

所有呈现的效果都需要编写代码后点击运行才能看到。

不同于平面设计师常使用的Photoshop 或者Illustrator ，Processing 整体界面十分简单。

当设计师打开后窗口显示的主要是一个可以编写代码的对话框、一个控制台以及一个信息栏。

所有的线条、图形和色彩的创造都需要通过代码编写来实现。

1.2平面设计
平面设计，也被称为视觉传达设计，是以“视觉”作为沟通和表现的方式，使用多种方法来创建和组合符号、图片、文字，以创建传达思想或信息的视觉表达。

平面设计师利用字体排印、视觉艺术、电脑软件等方面的专业技巧，来达成创作的目的。

平面设计应用于标识（商标和品牌）、出版物（杂志、报纸和书籍）、平面广告、海报、网站图形元素、插画等[3]。

1.3编程
编程是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。

近年来，平面设计师们渐渐不再满足于设计作品的平面静态表达，越来越多的互动设计作品在计算机技术的帮助
下得到了实现。

这些作品可以让观者参与到作品的呈现中去，更特别的是观者不同，作品也会呈现出更多的变化形式，从而让观者感受设计师的思想表达。

但实现这些复杂的作品，不仅需要设计师的创意，还需要工程师的支撑才能完成。

由于设计与工程属于不同学科，很多编程软件知识和技能对于设计师来说相对较难，但Processing 编程工具出现后，设计师们不需要高级的编程技能也可以独立创建出令人惊叹的视觉表达和交互式媒体作品。

2创意编程在平面设计中的应用意义
随着大数据、人工智能、物联网等科技渐渐融入生活的各个方面，以计算机思维方式思考问题将会是未来设计必须面对的挑战。

创意编程的发展紧随着计算机技术的发展，也影响了设计师
计算机的出现给人们的生活和工作方式带来了巨大的改变。

如今的设计作品创作，几乎与计算机软件和硬件的支持密不可分。

图形图像工具软件，矢量画图创建软件等计算机工具的应用，极大地发挥了设计师的想象力，同时也提升了作品的质量和产生作品的速度。

相比以往平面设计师常使用的Photoshop 或者Illustrator ，创意和表现的形式往往被企业所主导的制式化生产工具所限制，但使用Processing 创意编程制作设计作品，能够给观者带来更多的“未知”和“互动”[1]。

1相关概念解析
1.1 Processing 概述
Processing 是由麻省理工媒体实验室的本·弗莱（Ben Fry ）
摘　要：
在信息与数字化技术不断发展的背景下，编程语言从初期的机器语言衍生出许多新的高级语言，每种语言的用途都有区别，特别是在计算机硬件以及互联网的飞速发展下，编程语言的发展得到了显著的提升，而Processing 作为一种新型的计算机语言，以数字艺术作为大发展背景。

Processing 支持Java 的语言构架，其最突出的优势就是在语法方面要更加的简易，对于一些视觉作品以及互动媒体的创作有着重要的应用价值。

本文以 Processing 作为创意编程的研究基础，阐述创意编程在平面设计中的应用思路，以期为艺术设计创作与研究提供有益的参考。

关键词：
创意编程；平面设计；应用；Processing 中图分类号：TP393　文献标识码：A 文章编码：1672-7053(2021)04-0078-02
Abstract ：
In the context of the continuous development of information and digital technology, programming languages derive many new high-level languages from the original machine language. The purpose of each language is different, especially under the rapid development of computer hardware and the Internet. The development of has been significantly improved, and Processing, as a new type of computer language, uses digital art as the background of its development. Processing supports Java's language structure. Its most prominent advantage is that it is simpler in terms of grammar, and has important application value for the creation of some visual works and interactive media. This article takes Processing as the research foundation of creative programming, This paper expounds the application of creative programming in graphic design, in order to provide useful reference for artistic design creation and research.
Key Words ：
Creative Programming; Graphic Design; Application; Processing 作者简介
吴茜/1991年生/女/福建福州人/硕士/助教/研究方向为视觉传达设计 （
福建福州350715）
运用编程代码创作的过程。

通常设计师使用商业软件来进行创作，导致创意和表现的形式往往被企业所主导的制式化生产工具所限制。

但是如果我们拥有撰写编码的能力，设计师们就可以为了实现自己的创意来编写特定的程序。

这样不但作品的内容是新的，其手段、形式及创作过程也是全新的。

此外，编程与平面设计结合也能展示设计师跨界后的多元创作能力。

3创意编程在平面设计中的应用思路
3.1编程海报
印刷式的海报作为公共空间中视觉传达的主要媒介，悄然的发生了根本性的改变。

海报不再只是带有字体、色彩和图像的形式，更是一种具有声音、动画、数据和媒介的交互式应用程序。

它涉及所有的感观和规则，并结合平面设计与前沿技术。

德国莱茵瓦大学教授Tim Rodenbröker 设计了一门名为《编程海报》的课程，在这个课程中他运用Processing开发了40多个生成式设计系统来展示算法图形设计的视觉可能性。

为了确保研究的效果和专业，限制学生使用两种颜色和一种限定字体的代码，学生可更改部分代码来制作不同形式的海报。

3.2字体演绎
平面设计中的字体设计是将文字按照视觉设计规律加以设计的方法，文字的适合性、可识性、视觉美感以及个性均需要考虑。

创意方法主要由塑造笔形、变换结构、重组笔形、变换笔形、结构中的形象叠加、变化黑白区关系、打破字体的外在形态、结构的再设计这八个方面决定的。

2016年9月，Adobe、谷歌、苹果及微软等公司更新了的新规范，也被称作为可变字体技术，形式上字体可根据位置、高度、宽度和样式等条件进行变化，增加了更多创意的可能性。

在《On the Road to Variable》这本书当中，展示了122个作品如何通过编程将经典字体重新灵活演绎。

著名的工作室Studio Feixen制作了为期三天的伦敦Oto Nove Swiss 音乐节的活动主视觉。

设计师认为在伦敦的街道上做广告毫无意义，因此运用Processing设计一个交互式字体，将音乐节信息的英文字与图形元素相结合，通过编程设计一个可移动的点，移动点到英文字或图形时会产生不同的乐器声音，随之连续移动即可自由创作一段简单的音乐节奏。

在点移动的同时英文字体也会随音乐发生有意思的变形，从而实现视听交互式的玩乐[4]。

3.3体验标识
以往的品牌活动标识设计，基本是趋于静态平面，标识的图案、色彩、文字就是所有能展示的信息。

运用Processing，可设计三维形式的活动标识，通过动态、可交互的方式让观者体验品牌的活力，传达品牌的内涵。

著名DIA 工作室为某品牌的发布，运用Processing创建了一款特别的活动标识系统，这个设计主要专注于篮球运动，使用品牌广告语并重复字体排印，加入了功能灵活的接触点，使观者更好地体验品牌活动，强化了品牌的产品信息。

同时DIA 工作室还利用球场和屏幕的设置，创造了一系列基于篮球运动的高能动画。

3.4生成标志
软件制作技术更新迭代，标志也实现了从简单有机形、几何形到复杂随机形的演变。

由于复杂程度的提高，一个标志设计可以拥有一系列类似形。

形态与色彩不同，而特征依然明显，识别性依然很强。

Processing则是可以实现复杂随机形的一种方式，设计师运用算法公示编写程序代码，再通过计算机根据算法公示随机“创作”出作品，算法在每一次的运算生成结果中会存在差异。

伦敦 okdeluxe工作室为哥本哈根气候大会创作了标志，工作室擅长运用 Processing创作生成标志设计，生成的静态图形可运用于印刷媒介，动态部分用于在数字媒介上播放。

这种风格的标志充满了动感和随机感，也形成了独特的数字视觉美感[5]。

3.5 视觉形象的“众创”
传统视觉形象设计是将企业理念与价值观通过静态的具体化的视觉传播形式，有组织、有计划地传递给大众，给企业树立统一性的识别形象。

Processing创意编程则不同，德国莱茵瓦大学教授Tim Rodenbröker 受 的委托，运用Processing开发了一个基于网页的设计软件，用于在巴塞罗那当代文化中心的展览“ La Luz Negra”的视觉形象。

游客可以使用这个软件去创作花的图案，整体设计都是基于视觉形象的设计规则。

用于展览推广方面，游客可以把自己的创作发布到社交媒体上以此来获得不同反馈。

后来，他又制作了一个简短的动画视频，展示了视觉系统的全部功能，也被用作展览的官方视频预告片。

4结语
代码作为编程技术的基础语言，研究如何编写程序、创建声音或图像的界面来实现代码与观者之间的交流互动已成为设计艺术界的新课题。

虽然我国的交互图形编程技术研究起步较晚，但结合这个技术的多媒体应用领域还是很广的。

一些新兴的产业，例如智能家居、物联网应用等也正在加大对交互式体验的研究和投入。

如今，在Processing官方网站上集合了一群志同道合的专业人士，为交流和更新奠定了基础。

新一代的设计师不应只停留在商业软件应用的层次，应该尝试和掌握编程代码技术进行创作，并积极参与国际性艺术展览和竞赛。

在创意产业迅速发展的中国，我们有理由相信更多的人会运用代码工具去创新、发展艺术与设计，并将民族自身文化与思想注入到作品中，对此我们拭目以待。

如果在不久的将来可以加速Processing语言等其他交互性计算机语言的应用研究，相信一定能进一步提升中国在数字媒介和交互编程设计领域的国际竞争力，从而创造更多的商业和社会价值[6]。

参考文献
[1] 陈天翼．编程教学在艺术教育中的实践研究[J]．艺术科技，2019，32（01）：17-18．
[2]郭谭娜，王宁．交互式图形编程语言Processing应用浅析[J]．无线互联科技，2013（05）：
107．
[3] 王媛媛．浅论艺术与平面设计的关系[J]．中国包装工业，2014（04）：42．
[4] . On the Road to Variable[M]. Make, 2019.
[5] 谭亮．基于Processing的代码艺术应用研究[J]．装饰，2012（02）：104-105．
[6] 薄一航．用另一种方式去绘画艺术类学生初触计算机编程的教学探索[J]．北京电影学院学
报，2017（02）：154-160．
INDUSTRIAL DESIGN 工业设计 / 079。