新媒体视域下动态插画设计表现之探究

刘佳妮

摘 要：文章以当今新媒体时代背景下的设计趋势角度出发，探究动态化插画在其视觉形式与传播方式上的发展与跃步。通过分析趋势、色彩、动效等方面充分展现动态插画视觉张力与现实价值，并结合国内外优秀动态插画案例进行补充说明。设计的进程紧随科技脚步共同发展是必然的走向，设计与新媒体技术的融合使动态插画设计的理念愈发具有深意，其发展趋势更具情感性，彰显了科技与设计交相辉映的魅力所在。

关键词：数字媒体；色彩意涵；动态插画；视觉设计

Abstract： Objective to explore the development and advancement of dynamic illustration in its visual form and communication mode from the perspective of design trends in todays new media era. Methods The visual tension and realistic value of dynamic illustration were fully demonstrated by analyzing trend， color and dynamic effect， and supplemented by excellent dynamic illustration cases at home and abroad. Conclusion the process of design closely follows the pace of science and technology to develop together is the inevitable trend， the integration of design and new media technology makes the concept of dynamic illustration design more and more， its development trend is more emotional， highlighting the charm of technology and design.

Keywords： Digital media；color meaning；dynamic illustration；visual design

0 引言

插畫又称插图，英文为「Illustration」，源自于拉丁文「Illustraio」，有照亮、图解之意。插画指通过将信息内容以色彩、图形等表现最终由可观的视觉形象插附在其他载体中的图画。传统的插画基本上借助纸张、墙面等为载具，其表现形式多以手绘与印刷为主，随着科学技术的迅猛发展以及动态设计软件的普及，使得设计的可视化趋向多元性发展，插画设计的动态化表现便是在新媒体技术助推下演变的一种新的视觉形式。

1 数字媒体与插画设计的影响关系

新时代孕育新的科学技术，科技与设计的交叉融合是为适应当下的政治经济与社会文化，新兴的媒体产生于当下，更适应现代人的思维方式，更符合现代人的审美维度。插画设计通常被作为图形展现形象的表达方式，是当代很重要的一种视觉传达方式，在当代平面设计中应用范围广泛，如商业广告、公共事业、影视教育等方面。在当下数字时代背景里，插画与数字媒体技术的融合，使插画设计的发展具有更强的社会适应性，同时新技术新形式也激发出插画设计对当下时代的正向反馈。

总而言之，数字媒体技术的出现带动了动态化插画的产生，由于其技术上的支持，插画设计有了更加丰富的表达形式和视觉效果，使得动态插画设计得以广泛应用在各领域中，并频繁地出现在大众的视野中。因此“动态化”成为图形设计发展的新进路。

2 数字媒体视域下的动态插画趋势与表现特征

2.1 “有纸”到“无纸”，体现设计生态化

生态的可持续发展长时间以来一直是各界所关注的焦点，人们很早就意识到生态与设计之间的紧密关系，生态的情况影响设计的理念与方法，好的设计手段亦可改善生态环境。从20世纪90年代开始兴起的一种新的设计方式即生态设计，其理念是旨在以使用再生的材料减少材料消耗为目的。生态设计又称为“绿色设计”，其核心三R原则——“Reduce、Reuse、Recycle”旨在减少物质和能源的消耗以及有害物质的排放[1]，并对可回收型材料进行转换以达到对环境的保护。

动态插画设计是随数字技术的发展而产生，由此在传达需求上，对纸媒载体的依赖大大减小，其载体也基本上从“有纸”转向“无纸”，可见从设计概念到落地的全过程，很大程度上减少了生态资源的消耗，同时节省了印刷的油墨以及机器的护理维修所需的经费，因为是流媒体传播所以无须后续回收操作，也省去了一部分的资源配置问题。因此从动态插画的设计流程及传递方式上足以见得，现代社会中的设计的发展是科技、艺术、人文的结合，设计师通过将数字媒体技术与插画设计进行灵活融汇，不断地尝试与进步后，所得的正向回馈已远远超出最初的设想，同时也在不经意间推动了设计的生态化进程。

2.2 依托动态优势，高效传播文化

由于传统插画的信息辐射面、制作技术等多方面的局限，使得静态插画的内容承载量也受到限制，而如今新媒体新技术赋予了动态插画设计时间性的延展，设备的高色域值使插画表现更具色彩张力，同时动态效果大大丰富了画面的视觉美，使动态插画成为了文化知识推广的新思路。总而言之，基于动态插画的动态条件，在传播文化过程中其优势在于以下三点：充足的叙事时间、更好的视觉美感、丰富的情感体验。

其次，动态插画可以凭借网络媒体的优势，从而实现信息传递的开放性、全球性、实时性。同时由于动态插画的信息承载量大、叙事生动精彩的优点，可助推文化在国际范围面的覆盖，加强国际间的文化友好交流。且针对于儿童的教育类、科普类的电子图书，动态插画的形式可以很生动地解释书内的专业名词，帮助儿童理解抽象的知识点。

例如艺术家Avuan Deep为伊斯兰教的传统节日开斋节所制作的动态插画（图1）。该作品通过运用旋转、位移等手法进行场景的转换，呈现连贯流畅的动态效果使得情节动人。设计师采用分格漫画的构成形式，情节内容上逻辑清晰明了，在短暂的时间内便将节日的活动事宜交代清楚，将宗教庆典的习俗活动的叙事呈递进式生动展现。此外，色彩的搭配尊重了伊斯兰教的宗教文化。受地域及文化影响，伊斯兰教服饰及建筑色彩中常见黄、白、蓝、绿、红等色。绿色是伊斯兰教的吉祥色之一，对他们来说绿色是生命、和平及希望的具象显示，白色是圣洁的体现。该作品中大量应用这些具有极强特征性的色彩，将开斋节日的欢庆氛围极具感染力地呈现出来。

2.3 传播媒介多样，应用普适性广

在当下数字时代背景里，数字化的浪潮对插画设计有着深远的影响。由于动态插画的设计依靠于Photoshop、Adobe After Effects、Flash、Procreate等电脑软件的制作合成，因此可以借助手机、电脑以及各种app进行传播。动态插画以各样的方式融入人们的日常生活、工作、娱乐中，这促进了动态插画的大面积普及，使动态插画不再只作为数字艺术品被展示与收藏，也不局限于商业广告的使用。任何人都可以通过各种新媒体工具以及软件，依靠各自的想法制作出有意思的设计作品，如个性化的表情包自制等。在这个过程中，人们既是接收者也是发出者，信息的传递也由被动转化为主动。

同时，传播媒介的变革也改变了传统插画设计因制作技术的局限性而导致传播速率低下的问题，数字化时代下网络媒体承载信息量大、更新速度快，动态插画一经完成便可直接通过互联网进行快速传播，省去了纸媒插画所需的打样、印刷等一系列操作流程所带来的时间滞留，提升了动态插画传播的时效性。传播速度的提升以及应用普适性的拓宽，为动态插画设计的发展提供有利条件。

2.4 感官联通，体验互动的趣味

人作为感官性的信息接收器，经由五感去体会与认识外界的环境，当不同的感官被调动起来，人们能对同一件事物产生全新的感受。视觉作为最重要的感官，在设计中通常以视觉感为中心，而其余四感则作为辅助。听觉感受可以在一定程度上调动人的情绪，催生人的原始情感[2]，通常来看，在动态插画中音乐声效的辅助可以提高画面寓意的传递效率，且一般作为动效音、背景伴奏音、旁白音等形式出现。除此外，触觉是我们的眼睛、耳朵、鼻子以及嘴巴的根源，触摸可以感觉到物的质量、重量、温度等属性。触摸，可以拉近人与环境的距离，从而产生一种亲密信任的感觉。多感官介入的动态插画设计，可使观者在对其欣赏中得到“沉浸式”的体验回馈。

《Awake》是一幅极具探索精神的作品，结合了插画的静态与动态两种形式，运用数字制作与交互技术，当观者去触摸作品时会触发动态画面，这些画面被投射到画布上，随后再消失，其过程颇具趣味性，又在不知不觉间调动了观者的探索欲。由此可见，在多感官的辅助作用下，人与作品间不再是纯粹的欣赏与被欣赏的关系，由感觉器官体验到的观看、聆听、触摸及品味共同搭建了双方共鸣的桥梁。

3 动态插画设计的视觉表现方式

相较传统静态插画，动态插画在同等画面尺寸中的信息表述更有明显的优势，其所具有的空间性与时间性的延展，可使观者在方寸之间获得到更多的信息内容。由于其时间线的延长，动态插画内容的完整性得到加强，这也就弱化了画面对文字的依赖程度，因此动态插画设计的视觉表现多以色彩和动效的方式来诠释主题情节，配乐及文字更多是起到锦上添花的作用。

3.1 色彩的多重意义

3.1.1 色彩的情感主导性

色彩是艺术设计中最直观、有力的情感传达方式之一[3]。根据视觉的认知主导性，人的视觉在受到色彩的刺激时，会导致间接或直接的心理暗示[4]，同样的色彩会因为周围元素的影响而对观者产生正向與负向的心理作用。由于色彩的色相、明度以及饱和度等要素会勾起主体认知中留存的相关记忆，同时也因个人的主观心理因素而产生一些相对抽象、具象的联想，从而带动主体情感的波动。如低饱和度自带平静及温和的色彩气质，因此治愈系插画考虑到主体阅读时的心理感受，在设计配色时就会首选此类颜色而尽量避免高饱和高亮度的明艳色系。反之，则会让观者感受到作品的强烈情绪。

中国动态插画师西朴创作的《躁动不安的心》，该作品呈现出“以色状声”“以声喻形”的视听特性。画面内容绘制了小女孩情绪的逐渐变化，手捧的红心由完整到撕裂，人物表情由恬静到暴躁，面部色彩由肤色到红色，动作从轻柔到狂躁，画面背景颜色随着节奏变化而越发鲜艳，鲜亮的红与明快的黄不断转变，人物的变化对应着背景音里少女不同阶段的呓语，同时伴随着低沉规律的鼓点声和变调，观者可从冲击感的色彩中感受到作品传递出的交织着浓郁挣扎与不安的情绪。

3.1.2 色彩的表征性

同时，色彩也具有表征性，插画设计师的巧思赋予它鲜明的人文特征。由于国家、民族、宗教、地域、文化的差异，在不同背景的生存环境下，基于长时记忆的信息构建，不同的群体会形成其特定的信息加工模式[5]。这意味着人对信息的处理以及构建会趋于某一种惯习性的认知模式，这个模式代表着当下主体对事物结构的理解。因此在针对具有代表性、文化性主题时，设计师通常会优先考虑具有当地文化标志性的色彩。

如日本插画设计师NoriOkawa的动态插画作品《快乐的来世》，她的创作受日本江户时期浮世绘享乐主义的启发。浮世绘的色彩模式受自然、社会以及外来因素的影响，到了明治时代，逐渐开始广泛地使用颜色鲜亮明艳的化学颜料，主要有明治红、紫色、桃色等[6]。该作品运用平涂的方式将色彩进行叠加，延伸了画面的层次感。大量运用墨色、丹色、洋红、普鲁士蓝等浮世绘的经典配色（图2），背景色的处理上增加了噪点效果，使得画作传统中多了些现代感。简洁的人物形体与色彩纹理形成鲜明对比，使插画作品充满飘然与活力的乐趣，呈现给观者明艳、冼练的享受（图3）。

3.2 动态效果的表现

动态插画中的内容情节基本借助动态效果和镜头语言来完成较为完整的叙事。在以人为本的插画设计中，动态效果应是对人的视线有积极引导作用，提高识图效率的同时亦可降低视觉的疲劳感。若要达到视觉焦点的转移紧随动效的变化，需对动态插画中动态元素的主次、强弱进行合理安排，调动观者视线对重要信息的及时捕捉，帮助受众对信息内容的理解与记忆。同时在画面的构成中遵循形式美的设计法则，需把握画面动效的节奏与律动，满足观者的审美心理需求，达到人与画和谐的视觉互动，从而高效地传递信息。

插画中的动态表现，也可分为局部动态和整体动态[7]。关于插画“动”的特征，最显著的表现在对人物、动物以及自然元素等客观事物的动效设计。局部动态插画的表述目标鲜明，且一般可分为人物及全景两种主题情况。若是人物为主题的动态插画，动效设计大多集中在有关角色的表现上，或是表情或是动作，也会体现在可强化人物表现的景与物中，多用不同的颜色明暗进行区分。

由插画家Riccardo Guasco为“博洛尼亚之夜”制作的戏剧动态插画。考虑其主题性，视觉动效设计聚焦于画面视觉中心的人物表现上，人物的动态设计包含了旋转、重复、弥散、循环等手法，逻辑缜密，画面流畅。同时人物作为每幅插画设计的视觉主体，采用扁平几何风格，以简洁的线条勾勒出每部戏剧的内容和情绪。主体人物多与纯色背景之间呈相近色或对比色，简约大色块的构成，具有很强的视觉包容性，该主题色彩为紫色调，不同的阶度强调的明暗关系，渲染了画面浓郁的神秘气息，营造出和谐舒适的视觉效果（图4）。

4 结语

综上，动态插画设计的出现与发展离不开当下时代信息传达方式的变化，同样也与数字媒介的变革以及人的审美纬度的转变紧密相连。媒介的多样化带给了设计无限的可能性，给予了插画设计丰富跃动的视觉表现，弥补了过去的恒常单一性。而在如今信息爆炸的时代里，如何高效地、去伪存真地从海量的信息在筛选出我们所需要的，这要求动态插画处理信息需准确与形象。从人性化设计的角度来看，插画师在制作动态插画时始终要遵循以人为本的设计理念，需结合不同的主题考虑到各阶段观者的人体机能，把控好插画时间长短是否适宜人的注意力。同时从画面的全局出发，如插画色彩搭配的視觉舒适度，如何搭配色彩去体现插画背后的文化意涵，动效设计是否产生和谐的视知觉体验音效与画面的节奏匹配度，以及如何借助数字媒介使动态插画达成更好的多感官知觉互动体验。这需要设计师有的放矢，从多个角度深入思考，有选择性地抓取其中的主要表现，从而达到主辅有序，逻辑清明，和谐适度。

5 参考文献

[1]隋李娜.探析李渔《闲情偶寄》所折射出的绿色设计理念[J].艺术与设计（理论），2023，2（05）：49-51.

[2]梁靖羚.感知的重建[D].重庆：西南大学，2023.

[3]周敦颐.色彩与情感：艺术设计中的情感传达与心理影响[J].色彩，2023（09）：94-96.

[4]林静.传情达意：谈色彩在平面广告设计中的应用[J].湖南包装，2009（4）：18-19.

[5]杜嘉钰，陈少芬，郑家幸，等.中国人色彩认知心理及色彩图谱探究[J].湖南包装，2022，37（01）：27-31.

[6]董欣.浮世绘色彩元素在当代绘画中的应用[D].沈阳：鲁迅美术学院，2023.

[7]罗木英.动态插画的动态表现区域选定及其表现技法研究[D].广州：广州大学，2019：14.