信息时代下运动图形设计的视觉语言研究

2021-08-15四川大学艺术学院成都610207

名作欣赏 2021年23期

⊙李喆［四川大学艺术学院，成都 610207］

信息时代下，人们的生活被视觉、信息、大数据等包围着，在不断探索创新设计模式的主流意识引领下，运动图形设计融入了生活的方方面面，信息和情感在图形的动态演绎中进一步升华。

一、运动图形的概念、起源、与动画的区别

运动图形指的是“随时间流动而改变形态的图形”，又称“Motion Graphics”，简称MG。源自1960 年美国著名动画师约翰·惠特尼（John Whitney）创立的公司名，也是这一术语的首次亮相。追溯其最知名的作品是于1958 年和公认的当代运动图形设计先驱索尔·巴斯（Saul Bass）的共同合作——希区柯克（Alfred Hitchcock）的电影《迷魂记》（Vertigo）的片头，片头的设计就是运用了动态技术，营造出惟妙惟肖的视觉“幻象”。

运动图形设计以动态技术为载体，在静态的图形设计中插入时间流、摄像机运动、搭配声音等，实现一种一气呵成、气韵流畅的信息可视化演绎。其最突出的特点是时间信息的介入，随时间的推移，能充分表达出图形内容的魅力。运动图形设计的实质是平面图形设计的分支与延伸，是富有强烈节奏感的图形设计。

值得注意的是，自运动图形第一次进入应用场景以来，就一直被拿来与传统故事性动画较短比长。实际上，从本质来看，两者充斥着大相径庭的视觉样式与范畴特征。动画专注于叙事方面的实际表现，而运动图形设计则是一种为了使图形所传达的信息更形象、更直观的策略性动态转译，因此是更淡化时间概念的非线性影像结构。总的来说，运动图形更在意图形设计的视觉语言，而动画则更侧重动态语言。

运动图形设计是新媒体时代下的新兴产物，拥有数字化、信息化的形态特征，因此被广泛应用于多种宣传物料和交互媒介。运动图形相较传统的平面图形设计在表述和传播信息的过程中，具有明显的优势，以游离于平面图形、影像艺术及纯艺术的视觉模式，跳跃地闪现在受众眼前。如果说20 世纪中期运动图形设计作为一种实验性、前卫的视觉手段出现在实验动画或影视片头设计中，人们觉得它抽象或晦涩，然而现在它已名副其实成为一种设计风尚，一种设计风格。因此受到了动画、影视的片头片尾设计、栏目包装动态设计、广告的制作、音乐MV 设计、交互界面设计、空间展示虚拟现实技术等领域的青睐，服务于媒体和个人的需求，并深刻地影响着大众的心理和行为。

二、运动图形设计中的视觉语言构成要素

视觉语言是由基本元素和设计原则两部分构成的一套传达意义的规范或符号系统。在运动图形设计中，图形设计、动态设计和时间设计交叉集合，构成了运动图形设计的三条主线，在整个创作和理论研究中起着提纲式的作用。其中，静态的图形设计是最核心的“视觉语言”，是主导版面信息传达的灵魂要素，其设计内容包括图形元素、色彩、画面构图、信息层级等。有效的运动图形设计要求动化过程中每一帧画面的编排、图形的样式、色彩的搭配等都能遵循视觉传达设计的基本法则，都可称得上是一幅上乘的平面设计作品。

动态设计和时间设计这两个维度呈现的视觉语言可归纳为运动图形的运动方式。

故本文将运动图形设计的视觉语言基本构成要素归纳为图形、色彩、构图、信息层级和运动方式。下文将主要从这几个角度来逐步深入解读运动图形的视觉表象，并剖析其如何在构架综合体验式的传播框架中发力。

三、运动图形设计的视觉语言表达

（一）图形语言在运动图形设计中的表达

图形作为运动图形的设计之源，是构成版面形式美感和承载信息内涵的重要视觉元素，运动图形的每一设计阶段都是围绕基本图形的形、色、意、体、质所展开和发生的，辅以对比、韵律、均衡、统一、和谐等形式美的法则。针对不同的屏显比例、不同的主题与环境、不同的叙事背景与情感，设计者可通过各异的视觉符号及元素形状来给予受众多元的感官冲击。

一组以“ShangHai”和“上海”为主题的动态视觉展演绎了“上海”两字的酷炫写法，17 个国家、78位设计师使出浑身解数，在上海浦东的户外LED 屏幕上，上演了一出璀璨摩登的字体秀。86 幅作品通过图形风格彰显出迥然的视觉语义：有霓虹灯式造型的盏盏图文招牌接踵闪烁，有现代极简线条式的逐帧演绎，有以方形、圆点、三角、斜线等几何形态为主角元素的位移运动至字母缓缓重叠……通过平面或立体的图形组合或分裂，在画面渐趋完整的等待过程中，促进了信息传播的趣味性和延时美。

图1 “ShangHai”和“上海”为主题的动态视觉展

Rita Louro 是一位拥有十多年动画制作经验的自由职业者，曾为CCTV9 的电视宣传提供创意，制作出无限映射的片段。她说：“CCTV9 要求我们（DBLG，英国创意动画工作室）创建两个Channel Promos（频道宣传片），将CCTV9 徽标——短小精悍的立方体代入两个视觉创意的核心。”因此，他们制作了名为“DNA”的宣传短片，集抽象的浪漫和几何形态的秩序、严谨，使CCTV9 立方体成为速度和绝美事物的粒子代表。将主视觉抛掷自然环境的画面背景中，迎合了该频道致力于纪录片的品牌定位策略。

图2 CCTV9 频道宣传片

瑞典的著名设计师Andess Wannersted 擅长以一种数字建模的三维艺术打造与真实世界相平行的二次元。他灵活应用3D图形，摆脱了传统二维艺术的局限，刻画出简约精致、极具辨识力的动态美学趣味。

图3 瑞典的著名设计师Andess Wannersted 动态设计作品

（二）色彩语言在运动图形设计中的表达

色彩是最活跃、直接的视觉因素，很多时候我们对事物的第一印象、第一感觉都来自于对色彩的共情。因此色彩在运动图形中的应用要遵循观众心理、再现客观事实、准确传递内涵、升华设计主题，并与画面其他各元素和谐统一。同时，好的运动图形设计会在统一中寻求变化，能达到抑扬顿挫的视觉效果。

The Hyundai’Super Consumers’的品牌宣传视频用绚丽多彩的颜色表现吸引了来往行人的眼球。整个短片将各式各样的材料和色彩应用到行走着的怪兽和人类的形状中，表达了现代人包罗万象的生活理念和商品可提供的变幻无穷的服务体验，传递出崭新的视觉印象。

图4 The Hyundai’Super Consumers’的品牌宣传视频

调酒系列影片是一部实验性的艺术作品，汇集了动感的数字动画和格调高雅的纯艺术。系列从真实的、物理的、空白的画布开始实验，倾倒各色混杂的“脏”丙烯酸涂料，实验“以试图消除每个设计师心中生活的完美恶魔”作为理念。这种随心所欲的表现形态较难控制，但设计师让它在C4D 中实现，他们使用头发、布料或粒子对象创建几何模拟，所有运动都由X-particles（C4D 超级粒子插件）中的Skinner合并对象，将粒子转化为变化的网格模型，最终呈现在观者面前的是迷幻的色彩和有机的网格运动，颠覆了传统艺术的手工艺模式。

图5 调酒系列作品

（三）构图语言在运动图形设计中的表达

运动图形设计的构图方式不仅关系到运动过程中每一帧的静态编排，还影响着整部作品的风格基调，因此，其对视域美感的重要性不言而喻。

关于运动图形的构图类型主要有以下几种。

1.二维动画式的单点透视构图。它是二维动画构图的主要方式，该构图以一条中心线为基准，然后将整幅画面据此分割为两部分，同时融入必要的转场——动画转化辅助场景，这样能保证剧情的持续开展，更能感染观众。

2.空间透视构图。三维艺术注重构图的空间感和透视感，因此在构图空间中可以更精准地刻画造型。在三维运动图形的设计与实操中，需要根据故事情节的需要搭建对应的场景模型和人物模型，创造性地通过空间透视，解构重组他们之间的画面排列关系，以达到展现各个角度的效果。运动空间透视法最大的视觉优势就是它的非物质性，可以实现很多现实中难以完成的项目创意。

3.图形中心构图。这一构图方式也是在平面设计中运用最多的。首先要理清画面的主次关系，对所有图形要素进行分类安排，版面布局中需格外体现中心地位，在中心放置主要要素，而其他相关的次要要素应分列周围，顺序布设。其次要既能凸显主视觉的核心位置，又能顾及全局，让各个要素协调起来，共同烘托画面的整体氛围。

短片Wagon Christ Chunkothy 是动画师Celyn Brazler 的作品，四宫格形式的画面构图贯穿始终，抽象、个性、动感且清新的图形呈现中心轴对称，跟随着音乐的律动，有节奏地被打散重组，最终不断更新的动态元素衔接过渡自然流畅，极具个人风格的构图方式产生了很多令人意外的视觉亮点。

图6 短片Wagon Christ Chunkothy

（四）信息语言在运动图形设计中的表达

信息层级展示规则是一直以来新媒体设计中的必须关注的小细节，它的基本作用，就是使原本枯燥、繁复、混乱的信息变得生动、简化和明了起来。通过分析信息的优先级，建立有效的信息层级，能让观者在有限的时间内快速并按照一定次序获取最相适配自身需求的要点信息。

最相适配自身需求的要点信息。当下，运动图形在信息设计中的广泛运用，动态化的可视数据、符号和图表对实现信息层级和视线流的高效自然起到不可估量的作用。相对比传统平面设计中的信息层次的处理方式，动态的信息层级能更直观地利用大小、明暗、色彩、虚实、前后等的动静对比来突出信息的主次地位。更重要的是，趣味性也在此过程中被大大提高。但需要注意的是，在运动图形设计中，为体现信息层级关系而使用动态元素要有节制，不仅在数量上要适中，在动画频率上也要严格控制，过多或过快的运动图形不仅起不到促进信息传播的作用，还会令人眼花缭乱，更易激发受众的焦躁情绪。

图7 Squarespace 开发的无衬线字体运动效果

Squarespace 开发了一款无衬线字体用于品牌识别系统，将字母通过多面立体、分散聚合、翻转扭曲等动态形式展现。“运动”着的文字编排主导着观众的视线流，更有力地传达出了Squarespace 的品牌信息。

这一系列动态字体海报不是简单地放置图形和文字，而是将文字固定在运动图形上，不断地重复旋转、翻页和螺旋等造型的拟态运动，并同时使用变形、扭曲、挤压等传达出新的视觉印象。

图8 动态字体海报

（五）动态语言在运动图形设计中的表达

运动图形的运动方式主要由视觉元素的运动和摄像机的运动两部分组成，在运动过程中可通过改变主体图像形状在固定画面中沿时间轴有节奏地不断变化，也可根据故事安排的起承转合，不断调整视域，即控制摄像机的机位、焦点和视角，有风格地形成运动感受，给观众一种张力感。当然也可将上述两种方式联结使用，使运动图形充满自由随意的视觉效果。

由于运动方式贯穿运动图形设计的始终，所以运动准备、过程、结束时的每一个动作都需要深入考究。从动作的初始状态，即给观众的头脑发出信号开始，就要想尽办法吸引观众，勾起其下一步的心理期盼和情感欲望。

东京奥运会和残奥会项目的动态图标设计是奥运会历史上首次使用全动态的形式制作标志，使奥运会的视觉设计变得别开生面。此次共公布了73 个图标，由日本设计师广村正彰，井口皓太两位将静态图形和动画效果进行了完美结合，从动态的准备、时间间隔、缓冲等都掌控得恰到好处，赋予了每个图标运动的特征：亮相、展示动作和消失，极富动感的图标通过别出心裁、张弛有度的视觉语言表达来吸引观众。

图9 东京奥运会和残奥会项目的动态图标设计

图10 第59 届塞萨洛尼基国际电影节品牌识别

运动图形的动态效果常模拟现实物质性运动，来接近与观者之间的距离感，迎合用户心理。位移、旋转、缩放、扭曲和生长是最常见的运动形式，也是符合真实物体运动的相关规律的。设计师常在版面中利用非线性编辑将这些形式连接延展成一条完整的动态线，贯穿整个场景。例如第59 届塞萨洛尼基国际电影节的品牌识别，海报主视觉焦点集中、引人注目，是用相机卷轴缠绕形成的另类图像，它看起来荒诞、反常，而且它不是固定不变的，而是复杂紊乱的。卷轴上的图像也在沿胶卷方向顺势运动，不断传送。以复杂的方式排列着多样的色彩和图形，表达了电影节的目的——通过影像传达故事和情感。

（六）其他

除了上述的视觉要素外，材料、质感等表现语言也可以较有感染力地传达信息或解释某种概念，能较好地激发用户的情感体验。例如NIKE 的两则广告，第一则是PG3 倡导“舒适体验”广告，耐克的标志图形被打造得毛茸茸，设计师试图用柔软的皮毛材质来烘托这款鞋的主要感觉——舒适感，使得非现实的图形中有着生动的质感，令人耳目一新；第二则广告是迎合了近年来的流行趋势——有机形态和渐变色，以透明材质的有机形态搭配多重渐变，营造出神秘的气氛。