信息图形设计中动态的视觉呈现研究

何浩　陈强

摘要：针对当下大数据信息膨胀式流动，作为一种高效、便捷的传播方式，近年来信息图形设计以图形、图表化转化数据信息的新兴视觉传达形态，影响着社会各个领域的数据信息传播形式，这种新的设计形态不仅保留了平面设计的特点和优势，而且随着技术的飞速发展，设计师开始探索更多的视觉化方式，静态的视觉化呈现逐渐趋于饱和，抽象性、隐喻性的设计主题需求增多，信息图形动态化随数字媒体技术而发展，其应用逐渐广泛，这种新的设计模型不局限于特定的功能或环境。图形思维在现代通信环境中的扩展代表了图形设计未来发展的潜在范式。信息以各种形式显示在电视或互联网用户的屏幕上。文章讨论动态图形在信息设计中的应用，分析动态信息图形设计的特点。基于此，可以解决信息设计的动态表达问题。信息设计的三个原则分别为功能、过程、形式。信息设计的先驱拉迪斯拉夫·萨德纳（Ladislav Sutnar）利用动态信息传递视觉信息。它拓展了观者的视觉识别能力，提高了信息意识水平。动态集成使人能够通过自身的图形逻辑理解转换成视觉信息，从而表达引人入胜的信息流。文章从动态信息图形设计的产生与动态图形的关系出发，着重探讨多维度动态化的信息图表的设计与应用，为后续研究提供框架。

关键词：动态图形；叙事；信息传达；信息图形设计

中图分类号：J51 文献标识码：A 文章编号：1004-9436（2023）18-0-03

0 引言

自数据图像学在18世纪末被提出以来，抽象化数据信息不断被人们进行视觉方面的探究，以期凭借固定的认知能力获取更多的外界信息。20世纪70年代，英国伦敦的平面设计师特格拉姆（Tegelamu）第一次使用了“信息设计”这一术语［1］。信息设计从传统平面设计中分化出来。20世纪末，图形化界面问世，成为可视化的信息与人直接连接的媒介，带动了20多年来信息图形领域的研究，在塔夫特、贝尔坦、纽拉特等世界级设计师的带领下，信息设计迅速发展，衍生出信息图形设计这一分支学科。信息图形设计的英文Inforgraphic Design中的“inforgraphic”，释义是信息与图形的组合，它实际上是复合的视觉语言体系，从表现形式来看，信息图形描述事物的视觉方法具体有图表、图解、图形、表格、地图、名单这六大类。

综合前文观点，可以尝试定义，信息图形设计是信息设计在信息时代背景下的一门基于新媒介傳播途径的新兴的综合性交叉学科分支。

信息时代，信息图形设计正在逐渐成为视觉信息传达的一种主流趋势，它不仅可以有效传达信息，还可以激发人们的审美情趣。目前，从宏观来看，大部分外界信息传播的特点是体量庞大，枯燥乏味，而Motion Graphic（动态图形）作为一种动态的平面设计语言，能够通过文字、图像、色彩等视觉元素表达出信息所蕴含的内容。其不仅可以帮助人们更好地理解和记忆信息，还可以使人们更加愉快和有效地使用信息。在设计过程中，设计师需要对收集的数据进行分析、整理和加工，并通过设计出具有视觉冲击力的图形来展现出所要表达的内容。不同于传统设计方式，基于Motion Graphic的信息图形具有独特的魅力和优势，数字技术的发展使它的艺术表现形式由二维向多维形式拓展，借助全新的动态化形式（音频、视频和交互等）进行非叙事性或叙事性的信息图形设计方式，可以很好地表现出设计师想要传达的信息内容，因此越来越多的设计师开始关注和研究这一领域。

1 动态信息图形设计的基本准则

随着信息技术及网络媒介的不断迭代升级，信息图形设计这一交叉学科呈现更多的动态化倾向，普遍的静态信息图形设计逐渐不能满足观者的视觉审美体验需求，动态信息图形的视觉呈现方式逐渐趋于完善。围绕信息设计领域先锋拉迪斯拉夫·萨德纳的信息设计三大原则——功能、流程和形式，分析明确信息图形设计中运用Motion Graphic所要遵循的基本准则。

1.1 动态化使信息图形具备多维条件，更利于解读

信息图形设计的核心目的是速读易懂，它作为视觉语言体系需要服务的设计对象大多是包含海量可视化元素的信息。静态信息图形设计通过整理、分析、优化信息内容，借助信息图形的视觉工具合理地将其解读转译。而动态化的信息图形，其主要功能是在静态的基础上增添可读的视觉层次，使其更加清晰明了地呈现设计对象的视觉图像，《“Motion Graphic”与视觉信息传达范式的变迁》中提到，“首先要具备可读性、易读性，通过视觉形式语言呈现出清晰的视觉层次，引导受众按照信息层次的主次获取表达的内容”［2］。按照易理解的思维逻辑表达想要传达信息内容的主次关系，在统一的视觉框架内，设计师需要从不同维度（空间与时间）、不同传达层次（视觉元素、编排秩序、声音变化），循序渐进“填喂式”地利用动态化的图像语言阐述图形、文字、数据等信息内容，并且需要对其进行更深层次的视觉挖掘，使其能够在有限的感知范围内有效传达出信息的层次及关联单位。

1.2 动态叙事的信息排列顺序

动态化的信息图形设计往往具备一定的叙事性结构，从动态信息图形的逻辑结构角度来看，叙事即对形式流程的通解，它是在遵循一定逻辑的基础上添加形式流程，信息图形设计的逻辑关系按事物、事件类型大致分为五类：时序性、空间关系性、推导性、系统组织性、关联性。

掌握动态信息图形的叙事方式，需要设计者构建清晰合理的主次信息关系，通过对事物信息内容的透彻了解，对事物的信息内容进行层级划分，梳理信息展示的先后顺序及分配好信息排列位置。动态叙事的对象，其展示的先后顺序排列是以观者对其的信息需求决定的，它不是单一的、线性的叙事方式，而是综合信息需求的完整体。因此，信息图形的动态叙事的排列顺序是将设计者、观者以及主题对象这三者结合进行考量，首先通过主题的逻辑关系判断信息图形的类型，从而对信息内容进行主次划分，其次经过前期资料的收集整理得知主题对象的观者感受与需求，最后设计者在设计阶段对信息的出现次序进行合理的排序，为后期的视觉化工作搭建信息框架。

1.3 基于新媒体的动态信息图形传达形式

媒体只是传播信息的工具。设计应适用于所有媒体。媒体与设计应共同发展。探索信息的深层含义和诗意表达是信息设计师的目标。

动态信息图形设计的一个典型案例是《提醒我》，这是一部著名的动画电影，获得了欧洲音乐节最佳影片奖。这部电影讲述了一名女性的日常生活和工作，其中所有受影响的场景或对象包括天气状况、行程、产品的生命周期和其他信息图。不同的图形和图案以相同的视觉样式显示。该作品作者希望商业统计表可以作为描述生活场景特征的特定视角参考，并在商业统计和日常生活之间创造一个有趣的过渡期，用图表和统计数据来描述人们的日常生活。具有讽刺意味的是，从商业角度看待生活是如此荒谬。凭借新媒体来传达情感及创意灵感，包括对3D和4D技术以及对声音技术的变通使用，已成为多数设计师需要考虑的内容，它给予了设计更多的可能性。

2 动态视觉信息的多维性

从设计维度来看，动态图形与传统图形的最大区别是增加了显示信息的时间和空间维度。

动态图形的运动大致分为两种类型：设计元素的运动和空间场景的运动。从设计元素运动的角度来看，动态图形运动主要集中在提高一致性上。从移动空间场景的角度来看，动态图形可以在场景转换过程中起到连接场景的作用。动态图形不会使原始空间转换变得困难，可以描述场景位置和层次之间的关系。同时，动态图形可以打破空间场景运动的二维极限，通过多维图像元素创造空间感。在视觉识别层面，观者的视觉焦距往往局限于一小部分區域，而空间场景的运动可以构建多层空间结构，使用不同的速度和深度形成多层感官体验。动态图形由信息的视觉传输控制。形态、阴影和光、热和冷、物理和化学性质变化的速度、频率和强度可以是控制运动节律的变量。此外，动态图形中的微交互可以优化用户体验，是动态图形设计的组成部分。小的视觉提示和评论也能及时反馈给用户。

从设计呈现形式的角度来看，动态信息图形设计一般采用影像、图像、动效、微交互、假交互、动态图形等方式展现设计效果。德国地球研究中心的动态行星互动科学海报是一个探测地震震动、在互动海报上显示实时数据的项目，使用动态图形向用户展示“动态地球”的概念。屏幕主要视觉为半透明地球仪，用户可触摸屏幕旋转，球中红点的线性运动可显示地震深度。得益于先进的三维数字可视化技术，模型总能准确响应和显示数百万数据点的实时信息。通过球体内数百万点的运动来显示信息，视觉效果在宏观层面非常美丽。在屏幕视觉设计中，使用黑色、红色和白色来明确视觉焦点，在动态设计中，采用交互与动效设计，使信息图像更易于理解。

3 动态视觉呈现功能、形式、趣味的整体化

纵观信息图形的发展，整体化直观地存在于动态信息图形设计的初始形成及其后续的长期发展中，并传播到整个图形设计环境。主要原因是平面化信息量少，单一媒介传达环境长期以来主导着信息的传播。随着信息技术的发展，动态信息图形的范围和组织变得更加广泛和复杂，基于媒体的动态可交互的信息图形更加多样化。表现形式由平面形式变为三维形式，由静态形式变为动态形式，由单一媒介变为多种媒介，由单向灌输变为双向相互作用的多维形式。多媒体的使用丰富了图形设计的视觉传达方法，增加了公众获得信息的可能性，使烦琐的信息能够被有效传播和准确直观地理解。不同形式的媒体具有一定的优点和局限性，设计师不应追求视觉丰富和技术复杂，而应根据具体情况作出决策和判断。多维沟通形式的选择不仅可以满足视知觉的需要，还可以满足决定信息最终视觉表现和组织结构的信息内容和范围。

信息图形设计是信息设计与视觉传达设计之间的接口，视觉风格在信息图形传递中起着重要作用，涌现出风格迥异的设计风格，如拟物风格、剪贴风格、扁平风格、弥散风格、矢量图形等，使信息图形更加美观。从人类情感设计和视觉心理学的角度来看，生动有趣的动态信息图形更能激发阅读兴趣，增加信息的存储点。德国妇产科医生弗里茨·卡恩（Fritz Kahn）是信息图形设计领域的先驱，他用生动的图像和有趣的隐喻方法说明了20世纪20年代人类复杂而难以理解的医学知识。20世纪90年代，科学家们讨论了艺术编辑对信息可视化的必要性。一方面，认为信息图形设计必须以理性、科学、实践为重的方式进行，信息图形必须简洁明了。另一方面，强调信息图形必须具有情感美、形式美。两种观点都有合理的部分，但功能和形式、趣味和效用、理性和情感应是平衡的、整体的存在。《信息图形设计中的情感因素》中提到，“挖掘信息的情感因素将成为设计师追求的更高级的目标，情感化也是设计的潮流，也体现了在信息时代背景下重新美化人类生活的努力”［3］。信息设计师基于情感表达，寻求形式和功能需求的外在美，以确保信息的准确表达、理解和传播。动态信息图形能更好地满足叙事的情感表达，在信息图形中添加动态视觉效果，使信息图形更具有感染力和整体性。

4 结语

快捷的信息阅读方式是信息图形的主要功能，信息的合理流动有助于信息的传播和更好地获取信息，绚丽的形式增加了信息图形的视觉魅力，从而强化了观众的视觉和心理感知。构建信息逻辑框架有助于设计者确定必须表达的信息主题，为动态呈现提供设计方向，实现信息图形的功能，使图形动态描述成为可能。图表的形状基于逻辑体系结构，可以改进逻辑描述以满足信息传递的功能需求。

信息图形设计在信息时代经过20多年的应用研究，信息数据包括但不限于文字、图像、数字、影像等，外界信息来源的迭代速度不断加快，动态化的信息图形打破了人们对静态信息图形固有的认知局限，它不但能够容纳更多的信息量，而且未来信息图形设计的动态化将成为常态，信息图形设计与各行业领域的结合会越来越密切。

参考文献：

［1］ 维基百科编者.信息可视化［G/OL］.维基百科，http：//zh.wikipedia.org/w/index.php？title=%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96&oldid=11673820，2009-11-21.

［2］ 孙聪.“Motion Graphic”与视觉信息传达范式的变迁［J］.美术研究，2015（4）：104-107.

［3］ 龙娟娟.信息图形设计中的情感因素［D］.北京：中央美术学院，2009.

作者简介：何浩（1999—），男，江苏盐城人，硕士在读，研究方向：视觉传达。

陈强（1977—），男，四川资阳人，硕士，教授，研究方向：视觉传达、数字媒体艺术。