基于Processing 课程——论动态海报设计的应用研究

吴金涛

（天津师范大学）

在新媒体语境下，视觉艺术传授信息的方式在视觉形式、视觉媒介等方面有新的发展。众所周知，在电脑制图未出现之前多以印刷的形式完成，再到后来石板、木版印刷的出现给海报的制作带来新的发展契机，人们可以相对容易地制作出批量而且价优色彩绚丽的作品。并且使海报成为商业推广的主要手段，这一时期涌现出一大批杰出的平面设计师，比如谢列特（石版印刷）、格拉塞、穆卡等，他们的海报制作都以手工制版，并且色彩鲜艳主题鲜明。这一时期的海报呈现极强的装饰性和画面的趣味性，在信息传达的同时兼具视觉美感，这对现代主义海报的风格和色彩具有很深的影响。商业的发展和工业的进步使二十世纪的海报地位得以凸显，特别是在进入八十年代后信息技术的进步和软件操作系统的革新又使设计师的创作思路有了新的实现手段，图像、文字、色彩有机地结合，展示出新的时代痕迹。直到今天这样的运动还在蓬勃的发展，VR、AR、MR等多维度、多感官的视觉呈现方式不断地丰富着传统的平面形式，正是在这样的大背景下，以Processing和海报设计的规律作为设计实验的研究基础，阐述平面设计和数字语言的应用思路，以期为平面创作与探索从概念、组织结构和设计上更有效、自信地处理和解决视觉问题。

一、Processing 简述

Processing是由麻省理工媒体实验室的本·弗莱和凯西·瑞思共同开发的一款软件。在信息艺术和视觉设计领域，被用来作为基础电子艺术操作编程，并应用到新媒体创作和交互艺术中。现如今Processing已经是交互设计师必备的一个操作软件，在操作使用方面，Processing制图与其他的软件在方式手法上是异同的。在它的操作面板内，没有其他操作软件菜单栏中这样的可视化工具，只有一个输入信息编码的对话框。最终的视觉效果和交互展示都要在代码信息输入之后，点击运行才能看到。

二、国内外研究现状

动态海报是在静态海报的基础上增加时间轴的概念，将静态海报的构图、色彩搭配与动态图形结合，通过位移、速变、色变等形式，强化作品空间的表达。动态化设计概念在二十世纪就被提出，动态海报因其多元的表现形式和多感官的交互体验逐渐被大众认可。美国的克拉斯纳所著的《动态图形设计的应用与艺术》，读者可以较为全面地了解动态图形的发展历史，明晰动态图形在新领域的应用，比如：交互媒体、电影电视、公共空间等。伊恩·克鲁克与彼得·比尔所著的《动态图形设计基础》，从时间和空间、图像、运动和多感官等几个方面，由浅入深地对动态图形的设计原理和图形的合成与录制进行了归纳和总结。同时，运用实例对其进一步的分析讲解，配有实操练习。包括动态图形和静态图形设计的时间空间特点。李琦的《新媒体时代下视觉传达设计的创新与发展》提出在信息技术发展背景下，视觉设计拥抱数字媒体发展的趋势，分析新媒体语境下，视觉设计在跨媒体、交互和个性化传播方面的变革，以及多维度、多感官、动态化的特征。最后，展望了“以人为本”设计理念的发展趋势。另外，动态海报能够较为快速、高效的传递内容信息；增加叙事的完整程度；融入音频元素使观感更加立体、多元。

三、创意构思

作品“VAGUE”（模糊）（见图1）的创作思路基于蒙德里安作品通过抽象进而表现纯粹、理性之美。以几何图形为绘画的基本元素，用线条分割明亮的色块形成强烈的视觉冲击力和明朗的视觉感受。在信息传播载体逐渐多元化的当下，依靠多媒体在传播速度和范围等方面有较大的优势，海报的形式也出现了很大的变化。2020年全国很多高校的毕业展都采用线上的形式进行，比如广州美术学院的动态海报（田博设计），GAFA四个英文从不同的角度去看呈现不一样的视觉效果，简单的同时又能体现交互的体验感。《On the Road to Variable》这本书介绍了如何通过编程将经典字体重新灵活演绎。瑞士菲克森设计工作室，向世界输出他们大胆的设计理念。菲克森做过许多开创性的设计，比如Oto Nove Swiss音乐节的活动主视觉，为了使设计增强观众的参与感，为此设计了一款互动海报，会随着观众手指的移动而移动，同时根据轨迹演奏出相应的音乐。诸如此类的研究方兴未艾，正是由于这种叙事的完整性和互动性，在增加信息承载量的同时，丰富了观众的情感体验。

海报作为信息传达的载体，突出海报的主题是海报设计的主要目的，而色彩是为了这一目的进行的设计活动。蒙德里安作品颜色有很强的视觉冲击力，而作品名称“VAGUE”（见图1）会给观者一种疑惑，正是通过这种疑惑引起一种思考，那就是我们对待自然的态度。自然环境正是由于不合理的开发利用，遭受不可逆的环境恶化，包括大气污染、水资源消耗、自然资源消耗等。但是在工作生活中并没有引起重视，甚至以事不关己的态度去对待。受蒙德里安作品启发，作品“VAGUE”中包括由圆形拼贴成的天空，几何形的水滴，和半圆表示的大地，海报中的眼睛左顾右盼。不同的观众能够从转动的眼睛中接收不同的观感，这只眼睛中有错愕、惊讶、狡猾、坚定、期待等。作品在信息传达中结合Processing编码，引起观者的兴趣，进而联想和思考，最后达到信息传达的目的。

“VAGUE”（图1）中的眼睛代表运动、审视和思考，眼睛前面的山谷是通过Processing函数编辑出来的，我们社会中的每一个成员貌似都清楚环境保护的重要性，但是都会被眼前的利益所蒙蔽。“VAGUE”（图1）中运动的小球目的是吸引观者，增强画面的互动性，小球运动速度的节奏通过编辑代码的变量来控制。每个小球的运动速度也是不同的，这样能够使画面有一个节奏感，增加画面的张力。图中也有闪动的图形和变化的色彩，目的是向观者传达一种紧张感。让观者更有兴趣了解画面内容，感受作品中图形、色彩、运动传递的艺术情感。色彩的变化和图形动感的动态的变化，会给观者思考和警示，表达我们的环境问题已经到了一种非常危险的程度。在圆球的运动函数和半圆的闪烁函数之间增加了一个颜色渐变的函数，颜色的取值在灰度较高的红紫色和蓝紫色之间，表示已经被污染的环境。由于海报载体的转变，其时效性得到了前所未有的拓展，海报中的日期也是随着我们的日历每天都在发生着变化。

四、设计

在作品设计之前对荷兰风格派在知网、万方等平台进行检索，发现近年来的关注度指数持续上升，并且对于现代设计的影响是持续且深远的。作品的色彩和图形的选取借鉴了蒙德里安的红黄蓝。荷兰的风格派是现代艺术运动的重要流派之一，风格派的作品强调精确的比例，这与现代设计中强调纯粹之美、理性之美存在共同之处。同时作品中会涉及纵横的几何结构，基本元色和中性色的选取更是标志性的符号。风格派并不局限于绘画，对当时的建筑、家具、绘画、装饰艺术及印刷均产生了一定的影响。另外，提到蒙德里安我们就会想到那些规格不同的矩形方格，所以作品便运用纯度较高的红黄蓝绿等原色来刻画天空、水和大地，也更是想让大众更加的关注自然，发现自然美的同时来保护自然。提高我们人与自然和谐共处的意识。在前期的制作过程中我参考并查阅了大量的蒙德里安的作品和康定斯基的构成理论，归纳三原色与中性色之间的平衡和秩序感。手绘了大量的草图，包括每一块图形的形状，它是否符合我们对于天空和大地的认知，以及颜色的选取在视觉方面是否符合大众的审美。进而在作品中体现隐喻性、简单化、理性化。

在此次的设计中，我参考了Processing中的一些代码，比如时间变化的函数和画面中山谷图形的cos函数。这些程序编码的加入对于增强画面的视觉感受和我对软件的使用有了更深的理解。在后期的修改过程中，我放弃了一部分红黄蓝的配色，融入了蒂芙尼的配色。因为这样能够使画面更有层次的变化，不会使色调看起来那么的生硬，加入了蒂芙尼色使画面更加的安静、深邃、耐人寻味。

这里面存在疏密、大小、紧张和舒缓的变化，因为在初稿当中作品的左下角时间的色块和半圆的颜色变化速度太快，会给人一种紧张感。因为作品的色调也是蓝色色调，这样画面也能够更加的统一看起来更加地协调。解决了面的变化速度之后我开始解决小球的运动速度，因为一开始小球的运动速度都是一致的，这样会让整个画面看起来比较呆板缺少灵动性。我通过一遍遍的尝试发现，如果调整代码的条件参数就能够使画面在运动到既定的距离点时，运动的速度会发生一个变化，这样立刻就使画面有了不一样的频率。数字和图形色彩艺术性的结合，使画面语言简单明了，在传播的过程中使信息不分时间、地点的满足观众的需求。

在作品的制作过程中，除了要满足平面海报中对图形和色彩的要求，还要考虑和动态图形的衔接。使海报中的时间线融合图形、色彩和声音元素。其中包括作品中山谷形象的制作，作品中的山谷形象是由一条条的线条组成的，这个线条是有函数的，但是每一个函数在什么位置都要去计算这样才能把它放置在合适的位置。这样的结合能够使作品叙事性在信息传递性方面充满趣味，能够更准确地表达主题，更精准地传递信息。

在前期的作品创作当中我进入了一个误区，一直追求动态的效果或者互动感，但却忽略了平面设计的点线面的结合，作品中缺少层次和美感。同时，颜色的搭配显得特别生硬，因为画面中暖色的部分占据绝大多数的面积。暖光的波长最长，需要更多的能量，对观者的视觉刺激最大，冷色波长相对较短，可以缓解人体代谢的速率，进而有镇静的效果，色彩是视觉中最容易被感知的部分。在给人们强烈刺激的同时带动情感的反应，而画面中以大的面为主要的构成元素，缺少点的结合，使整幅作品缺少层次。

信息技术的不断更新迭代推动着视觉艺术新的尝试，让海报的创作不仅只在二维空间，这样的发展也在激发着设计者新的创作可能。各种趣味性的海报正源源不断地被创作出来，能更加被当下的审美所接受，符合大众的精神和文化的需求。视觉的动效能快速地被观众识别、读取，但这也为设计者提出了更高的要求，如何在高效地传达信息的同时平衡视觉上的审美需求。这是设计师在设计过程中应该思考的问题。

五、结语

美国的沃伦·本尼斯曾说：“无论如何夸大、扩张，也无法如实描述变化的规模和速度……只有夸大其词反倒接近于真实。”正是通过这样的设计实验让我对视觉设计有了较深刻理解，对传播媒介和观众接受信息的途径有新的认识，同时也增加了一种新的创作思路。我也明白了什么样的视觉设计也离不开平构和色构的基本思路。但是如果结合Processing等这类新的创作方式会让作品更有趣味和互动性。在创意产业迅速发展的今天，我们有理由相信更多的人会运用代码工具去创新、发展艺术与设计，并可以把民族自身的文化与思想注入到作品当中，从而创造更多的商业和社会价值，为文化交流和技术更新奠定更为坚实的基础。对此，设计者要不断地尝试，完善动效设计的协调，引起观众广泛的共鸣。