动态海报设计中的交互性

石 洵

海报，作为一种宣传形式，遍布街巷，随处可见。它充斥着我们的生活空间，影响着我们的精神世界。什么是海报？汉语词典的解释是：张贴起来或用其他办法分发出去的广告。海报这一名称，最早起源于上海，演变到现在，范围已不仅仅是戏剧演出的专用张贴物了，而是一种传递信息、广而告之的形式。

一、海报的分类

海报的形式多样，按照应用领域的不同来划分，大致可以分为商业海报、文化海报、电影海报和公益海报等。走过社区的公告栏，这几种海报都能见得着。此处就不赘述了。

从海报的制作手段和表现形式来看，海报可以分成静态海报和动态海报。在计算机、互联网还没有出现之前，只有静态海报。然而，随着互联网技术的快速发展，海报动起来了，且迅速流行。

相较于传统的静态海报，动态海报更具表现张力和视觉冲击，人们也能从变化的图像及文字中获取更多信息。动态海报在传播过程中更加灵活且不拘一格，不仅限于静态的图片，在互联网中以GIF 动图的格式传播也将其原汁原味保留，而且多媒体信息技术的发展以及载体的多样化，使其传播途径更为多样且便利，信息的传达更多元且丰富。

与静态海报相比，动态海报最大的特点在于交互性。传统的静态海报，一旦贴在橱窗里，就静静地待在那里一动不动，凭着设计师们的创意传播信息，等着“有缘人”体会其妙处。动态海报却能与受者互动，受者通过感官如视觉、听觉、触觉、嗅觉、味觉等多种方式与系统进行双向交流。从传播的基本模式来看，它的过程呈现一个闭环。传者发出讯息，受者根据自己的理解作出相应的反馈，由此可以确认传播的效果。

交互性使观者成为设计的一部分，在参与中完成信息传达、精神传递。这不仅拉近了观者与艺术的距离，也使观者从被动接受信息转为主动获取信息，进一步强化了观者的观赏体验和情感体验。强化交互性，成为动态海报的重要设计方向之一。

二、色彩：给生活添一抹精彩

海报是一种信息传递艺术，具备一定的号召力与艺术感染力。海报通过色彩来渲染气氛，色彩也是有感情的。很多时候，大家都会通过色彩来渲染情感，这是比较简单直接的表达方式。通常，红色代表热情温暖，绿色代表青春新鲜，蓝色代表理智深远，紫色代表高贵优雅，白色代表纯洁神圣，黑色代表严肃坚实。我们通过调动色彩、构图、形式感等因素形成强烈的视觉效果；除此以外，画面还应有较强的视觉中心，力求新颖、单纯，同时具有独特的艺术风格和设计特点。

如何通过色彩实现交互呢？ 2021 年底疫情笼罩下的御城社区，寂静、冷清，因为有了白衣战士和志愿者的身影，又多了几分温暖和感动。在与世隔绝了两周之后，小区即将解除封闭，小区居民即将重获自由。有一幢楼尤其引人关注，因为整幢楼的居民全部转运至集中隔离点，这幢楼的灯火已经两周没有点亮了。而他们也即将回家。于是，武进区融媒体中心萌生了一个创意，就是点亮小区，照亮回家的路。

武进区融媒体中心航拍了一组御城小区的标志性建筑，由彩色照片生成黑白照片，然后把这些照片发布到手机客户端，大家手指一点，黑白照片就又还原成彩色照片，意味着战胜疫情，一切如常，五彩斑斓的生活又回来了。

这需用到SVG 图片切换效果技术。通过SVG 布局，每个效果需要准备两张图片，一张彩色，一张黑白。SVG 布局有两层，外层为动画设置层面，内层为一个单图固定布局。在内层单列布局中添加一张黑白图片，外层动画设置中添加另一张彩色图片，设置触发区域，设置动画效果为淡出，速度按需设定，这样引导用户点击图片，就能做出图片从黑白到彩色切换的效果。

三、声音：一起聆听现场

声音是由物体振动产生的声波。广义的声音艺术可指一切诉诸耳朵的艺术形式。声音艺术可以被视为许多领域的元素，例如声学、噪音音乐、音频媒体等，其演化到现在，还包括如街道、市场、工厂、田间等开放式环境下将生活中的声音也纳入声音艺术的范围。

声音艺术创作者常用的创作工具有各种乐器、录音设备、效果器，发展到现在更离不开电脑，以利用音频软件对声音进行剪辑与处理。

2022 年6 月1 日，《人民日报》微信发布了一则有声海报《“大朋友”习近平和小朋友的暖心时刻》，点击“小喇叭”，就能听到习近平的原音重现，这些温暖寄语体现了党和国家领导人对少年儿童的深切期望和美好祝福。

新冠肺炎疫情期间，武进涌现出了许多感人的事迹：有银发志愿者坚守一线，有老百姓千余只爱心馄饨送往核酸检测点，有新疆同胞倾“馕”相赠，有白衣战士推迟婚礼 武进区融媒体中心原本策划做一个人物素描的长卷，但是在抗疫的过程中还有许多感人肺腑的话，也应该让人们听到。于是，工作人员决定增加一个声音按钮。只要点击声音按钮，画中的主人公就会倾吐他此刻的所思所想。

首先，通过SVG 技术布局把一张长图分割成几张不同场景的小图上传，进行无缝拼接，在微信公众号上上传配套不同场景的音频隐藏在图片下方，在相应场景设置触发区域，也可做一些明显的标识或者文字，用户点击不同场景的触发区域即可自动播放对应场景的音频，从而达到身临其境的效果。

四、动画：让静态动起来

动画是一门年轻的艺术。1892 年10 月28 日，埃米尔·雷诺首次在巴黎向观众放映光学影戏，标志着动画的正式诞生。动画艺术的概念又不囿于一般意义上的动画片，它是集合了绘画、电影、摄影、音乐、文学、数字媒体等众多艺术门类于一体的综合表现形式。

如何通过手指点击海报中的物体，使它活起来、动起来？武进区融媒体中心在夏至节气的海报上做了尝试。整幅海报的底非常简洁，近处是一片水面，远处青山隐隐。当点击画面时，水面生出荷花摇曳，同时凸显“夏至”字样。

其实，这是很简单的动画技术。通过SVG 组合布局，首先，参考色彩交互模式，制作一张静态海报作为内层，一张动态gif 海报作为外层。其次，参考声音互动，在布局中插入一个音频，音频隐藏在图片下方，把这两个单独的SVG 功能进行组合，设置一个触发区域，引导用户点击触发区域后，不仅画面会动起来，也会随之自动播放音频。

目前，武进区融媒体中心制作创意动态海报还只是初级阶段，许多复杂的技术尚待进一步学习掌握、灵活运用，还需进一步增进艺术审美，丰富想象，赋予主题表达独特的艺术魅力。

技术赋能，以成熟的“ SVG 互动+ 热点内容”形式，武进区融媒体中心创作出了具有实验性的出圈作品，动态海报这一形式适应了当下快节奏的生活方式，以其视觉效果多元、叙事情节丰富、意境表达妙趣横生等特点，满足了大众的感官需求、心理需求。不仅让观者在多重体验中强化印象、深化理解，而且通过动态化效果，延展时空、扩充信息、产生情感共鸣。从静态到动态，不仅实现了从平面向立体、从单线叙事向多线叙事的转变，增强了海报的艺术感染力和视觉冲击力，同时也改变着人们接受信息的方式。

当然，随着科技的进步，三维动态、流体动态、虚拟现实等技术应用广泛，嗅觉互动、味觉互动、心理互动等更多形式会随之诞生。随着科学与艺术的结合，动态海报将迸发出无限可能，用科技赋新海报样态，用创意赋彩美好生活。