节奏韵律在动态海报设计中的运用

马聪 孙美

摘 要：随着电子设备和银幕的普及，社群媒体支援短影片功能，让使用者产生更多创意空间，多媒体的发展更改变了海报设计的形态。近年出现许多平面海报加入动态设计，让海报不只是静态呈现。比起静止的平面海报，动态海报更能吸引观者的目光。笔者从中看到将海报设计动态化的可能。至今鲜少有对于动态海报设计的研究，也没有明确的名词定义。但在商业与社群媒体上风行，效果与媒材五花八门。本研究通过内容分析法与创作实验法分析韵律（Rhythm），律动是一种具备时间性的视觉元素，具有带入动态设计的可能。首先，通过文献资料探讨律动的表现形式进行分类归纳，以及分析动态设计（Motion Design）的表现手法，其次，探讨动态海报（Movingposters）的定义与表现形式。

关键词：节奏韵律；动态海报；动态设计

中图分类号：J524文献标识码：A文章编号：2096-0905（2023）31-00-03

在尚未有电子银幕普及的时代中，设计师使用了许多错视手法，通过色彩对比或是具律动感的图像以制造动态感。然而科技的进步使电子设备和银幕得到普及，随着社群媒体的短影片功能风行，多媒体的发展也改变了原本自纸本接收信息的形态。自2015年5月起，Facebook开放动态GIF图片让用户能在动态消息上使用，让使用者有更多创意空间，由于媒体的支援，并通过以循环播放的动态设计，更成功地增加视觉与宣传效果。而此类型动态效果也逐渐被使用于海报设计，并且结合动态设计（Motion Design）的原理。比起静止的平面海报，动态海报更能吸引观者的目光。近年来出现许多海报创作加入动态呈现，利用各种多样化媒材，如After Effects、cssPhotoshop ready，看到将海报设计动态化的可能，让海报设计不只是静止单一画面的形式呈现。

律动（Rhythm），又称节奏或韵律，为美的形式原理中的表现方法之一。本研究方向希望通过理论与实际创作，从通过律动产生视觉构成的多元样貌，探讨律动的构成。本研究从中整理分类其中的视觉展现形式，最后再应用于动态海报设计中。本研究在探讨律动的平面海报以后，再整理动态海报中所应用的表现手法。朝仓直巳（1991）提出律动表现是表达动态感觉的造型方法之一。曾启雄、孙志诚（1999）提到律动和时间性关系密切。而动态图像设计与平面图像的差异就是加入了时间性。因此，可推论律动手法适合运用在动态表现形式中，故本研究运用律动来诠释动态海报的概念。通过收集律动原理的海报分析律动的构成方式，了解未来在创作动态海报时可呈现的律动视觉效果，希望对动态海报设计今后的研究有所帮助。

一、韵律的定义与构成

律动（Rhythm），又称节奏或韵律，原本用于形容音乐、诗歌、舞蹈的原理，也应用于平面设计造型上，是美的形式原理中的表现方法之一。通过文献探讨可以了解，从最早的古希腊时代哲学家对律动初期的见解，到欧普艺术使用几何造型，造成图画产生强烈的动态效果。由此可见律动与动态之间的关联性，然而其构成手法众多。产生律动效果之构成的原理为何？如果仔细地将其划分，可将律动分类为各种不同要素。如今，平面设计的传递媒介不只局限于静态的载体，律动的视觉效果也在愈来愈多的媒介展示。这里将根据题目，分析律动手法的定义与构成，再探讨动态设计的定义与表现形式，接着分析动态海报，定义其名称，了解其构成脉络。

律动的本质乃是反复（Repetiton）在同一个要素反复出现的时候，正如心脏鼓动一般，会形成运动的感觉，使画面充满着生机。1．相同形的韵律构成把相同形做等间隔的并列，色彩亦使用同一组的颜色做等间隔的配置时，将可获致井然有序的静态韵律。2．相似形的韵律构成如果只求形状相同，但是大小可以改变的话，那么就更方便于动感的表现。形状相同、大小各异的形，亦即相似形的运用很容易形成韵律感。3．类似形的韵律构成作为构成要素的各个形虽然彼此具有相当的差异，却能够严密地统一于一个构造之中，故使各个要素不至于处于一筹莫展的关系。这些类似形可以说造成了构筑性的韵律[1]。

二、动态设计的定义与表现形式

（一）动态设计的定义

动态设计一词直译自英文Motion Design，是在动画类别上分类的一个新兴的名词。近年来在平面设计上被广泛使用，国内则是近十年才兴起并普遍出现在大众媒体的表现手法。与动态设计（Motion Design）相关的名词为动态图像（Motion Graphics），这个名称最早是自1960年约翰·惠特尼（John Whitney）创立“Motion Graphics Incorporat-27ed”公司，是“Motion Graphics”这个专有名词第一次的产生，Motion Design則是近几年愈来愈多以这个名词的讨论。由于Motiom Design在英文上也有使用MotionGraphic、Motion Graphics Design这些名称来称呼，却没有明确的定义去区分以上的名词。国内更有许多不同的翻译名称，如动态设计、动态图像设计、动态平面设计、动态视觉设计等。因此笔者认为先应定义原文名词的使用，并解释其翻译脉络。以动态图像设计（Motion Graphics Design）来说原文分别由三个单字组成，首先将组合成的英文单词分开释义。

（二）动态设计的表现形式

动态设计的表现形式可追溯至迪士尼动画师奥立·强司顿（Ollie Johnston）与弗兰克·托马斯（Frank Thomas）在1981年共同撰写的《The Illusion of Life： Disney Animation》一书。其中提到了动画的12项基本法则（The Twelve Basic Principles ofAnimation），这些法则已普遍被使用在动画上，且纳入所有学校动画系的教学范本中，至今与制作3D动画法则仍具有关联。

1．时间控制、空间、律动（Timing，Spacing&Rhythm）

在动态设计中，时间控制（Timing）是关键因素，调整好时间控制可以让效果更加生动。影格数分配上会表现出物件不同的速度感，尤其在角色动画上普遍使用更是重要的一环。空间（Spacing）是参考自影格配置的间隔空间。当影格的距离越近，动态就越慢，反之影格的位置越远，动态就越快。律动（Rhythm）是动态设计中要考虑影片的律动或声音的节奏，每个物体都会有质量，当动态设计视觉上可表现很好的律动与质量感时，可让视觉更灵活与生动。

2．缓入缓出（Eases）

Jr.canest（2016）表示不管是现实世界或者动画中，物件都会通过吸气与吐气表现它的特质。物体所呈现的动态不是每个都相同，在After Effects中是使用曲线编辑来调整物件移动所呈现的快慢，故可以使用曲线调整来表现各种物件的特征。而在物理运动中，一般开始与结束时的速度较慢，中间的速度较快。

3．质量与重量（Mass&Weight）

为了保有物体运动的现实感，动态设计必须表现出物体不同的质量与重量。Jr.canest以不同软硬度的球落地回弹的距离幅度，在视觉上可表现出不同的重量。质量与重量除了可以在图像中表现传达，亦可在时间控制上表现[2]。

4．预期心理（Anticipetion）

预期心理要应用的时机，例如一个球体动作要跳跃之前，会产生预备（缓冲）动作，这个预备动作就是让观众能有个下一步的预期心理，预期心理可以有效帮助动态设计表现更流畅，让动画表现得更自然突出。

5．弧形运动（Arcs）

动画中的物体动作，除非是机械动作以外，物理上的动线轨迹几乎都是平滑的弧形曲线，鲜少会出现机械化的直线，尤其在角色动画中更普遍，动画师经常通过这种弧形运动轨迹达到更自然的动作表现和更可强化的个性。

6．挤压、伸展及涂抹（Squash， Stretch&Smears）

从观察一个慢速掉落的球体的挤压状况可发现，挤压、伸展是变形物体让动态表现得更接近自然的手法。通过这种表现方式，物体看起来富有弹性、质量与生命力。有时使用程式化的伸展可以达到更有趣的视觉效果，但不一定比原本的挤压、伸展效果佳。另一个效果是涂抹，当我们从电影、摄影中观看高速移动的物体时，在一个影格之中，经常可以看到物体的动线残像会被拉成一条线，又称作动态模糊（Motion Blur）这个效果在以前的动画设计影格中无法达成，如今通过科技软件，可以表现这种移动的细节，以提高速度感。

7．跟随动作及重叠动作（Follow Through & Overlapping Action）

在动态设计中讲求动态是连动的，并且具有物理性的跟随动作。当一个运动的主体移动后突然停止，而连贯尚未停止的部分会接续刚才的动作重复表现，呈现重叠动作。将这个法则与刚才的挤压、伸展并用，动作会更有生命力与个性，产生更引人注目的动态效果[3]。

8．夸张化（Exaggeration）

夸张化就是把原有的动作幅度表现的更强烈的形式。在动画表现上，动画师经常透过角色夸张的表演形式传递剧情的情绪，与动画的精彩程度息息相关。动态设计也不例外，设计动态与脚本具有夸张的表现，能使观众融入影片中。

9．次要动作与动态堆叠（Secondary or Layered Animation）

从主要的动作下表现出细微或附加的动作，是强化动态表现Jr.can est以一个跳跃的矩形加上旋转的次要动作，并说明物理旋转的原理。流畅的次要动作能让动态的效果更具有生命力。

10．吸引力

一个好的动态设计必定具有其吸引力，不管是设计，或电影都是一样的。上述的法则不一定都会运用在一个动态设计中，但只要配合好，就可以达到较好的传达效果。因此，吸引力是一部好的动态设计作品不可缺少的一部分。

三、动态海报的定义与表现形式

（一）动态海报的定义

根据维基百科（2013）相关的说明，将动态海报称为Moster（motion movieposter），内文提到，Moster或动态海报（Motion poster）最早是通过电影工作室授权制作的电影海报延伸出高解析度的动画。其由GeekNation.com开发，Moster这个名词也是由GeekNation.com创造。瑞士设计师Felix Pf?ffli于2013年与2014年的两次访谈中提出对于海报的未来预想，提到了海报动态化，Felix Pf?ffli提出，海报的创作想法是无限的，并且随着数位银幕普及，动画已经扮演着重要的角色，动态带入海报是可以预期的結果。

（二）动态海报的表现形式

1．静态

静态模式是指海报中的物件没有位置的移动表现，视觉效果主要是静态的，时间轴大多只有两张图在做交替或相似的图循环播放，仍然与印刷海报相似。JoshSchaub（2016）于动态海报的表现形式中提到静态表现形式，他说明此种形式的海报中只有微小的动画效果。这个形式的特点多为每个影格都可以清楚传达海报的资讯。

2．动态

动态是大多数动态海报所应用的手法，表现形式不拘，每个影格几乎很少会有重复的图像产生。海报叙述通常分为两类，一是具有开始和结束，分得出影片的开头与结尾，如物体从高处落下不可逆，此种具有故事性。反之另一类没有开始和结束，重复运动的动态海报，如物体一直往同一个中心旋转，这种没有剧情。动态海报的表现通常较抽象。

3．影片

此类的表现形式非常接近影片，大部分是将影片中的某一片段直接置入海报中，与变化的字形动画结合，或是通过切割手法合成。电影动态海报多是如此，有些则是如动态设计合成影片的表现手法。凡是结合写实影片的均可归纳为此种表现形式[4]。

4．互动式

瑞士设计师Felix Pf?ffli创立的工作室Studio Feixen。于2017年设计了具有互动性的动态海报作品，互动式是近年十分流行的议题，他们希望通过这个互动性的海报让观者探索，甚至谱出自己的音乐。这张海报可以通过滑鼠游标拖曳至海报上的各个位置展现不同的图像，并且会产生各个位置的乐器音乐。海报中的文字必须通过滑鼠游标的位置才能完全显示出来。凡是可以通过互动的动态海报均可以归为此类。笔者认为，互动式海报让动态海报更具有独特性，当海报可以使用点击显示出所有信息，那么所有清楚信息的表现似乎就不是这么有必要了，反而更能增添作品的创意性。

四、韵律在动态海报设计中的运用手法

1．扭曲。此类群归类为通过扭曲构成律动感。

2．物体变形。此分类是指将原本既有的物件扭曲变形，打破观者对于原物体的既定形式，产生律动。

3．物件排列。反复是律动中经常使用的手法，此类群是将反复、相似的物件，通过平面构成的布局产生律动感，定义为物件排列。

4．几何。在物件排列上，具有规则秩序的分类为此类别。垂直、水平的构成较多，在画面上相对理性。

5．色彩。此类别运用色彩的特性，如使用对比色、前进色及后褪色产生动感，或是渐层表现。

6．空间感。此类别使用律动的构成产生空间感，许多是使用渐变的效果，容易形成物件具有的远近与空间。

五、结束语

本研究通过分析动态海报设计的分类及表现形式、韵律在动态海报中的运用手法和规则，整理韵律、动态海报的结合与运用案例。分析动态海报运用的手法，总体分析得出：动态海报加入时间性之后，与普通平面海报相比，更具有叙事性。在动态海报上能加入转场变化与故事的起承转合概念。传达的文字资讯上，编排更不受画面大小的拘束，许多案例作品能充分利用这种弹性空间发挥创意，使得完整的文字信息并不会一直出现在海报中。但可通过作者的创意与理念增添海报的特色。随着随身电子运算能力的提升，近年扩增实境及虚拟实境风行，结合许多与观者互动技术，应用层面也逐渐广泛，熟练运用韵律和动态效果能有助于海报中主体元素的规划与安排。动态设计和韵律是现今海报设计中比较新颖的元素，利用动态影像处理的图层效果、设定透明度、淡化或制作其他特效，可使海报设计更具多样性，另外，动态影像的数量与制作方式可以改变海报设计的视觉效果。例如动态影像数量多，色彩相对较多，画面容易复杂，可将一些影像做方框呈现；将动态影像做淡化处理，也可减少色彩的相互干扰。随着数字媒体的不断更新发展，动态海报设计将成为海报设计未来的主流发展趋势。

参考文献：

[1]王受之.世界现代平面设计[M].艺术家，2000.

[2][美]尼葛洛庞帝.数字化生存[M].海口：海南出版社，1997.

[3]靳埭强.商业设计艺术[M].北京：清华大学出版社，1987.

[4]严晨，史启新.设计不设界——现代包装设计中的多感官表達[J].赤峰学院学报（自然科学版），2012，28（24）：62-63.