浅谈互联网时代下动态插画设计的商业应用研究

摘  要：从动态插画在互联网中的商业应用现状入手，为动态插画设计的形式提出了具有可行性的研究方法。通过对动态插画的产生与发展、设计概念，商业的应用范围的分析，阐明动态插画打破了传统商业设计形式的平面化与单调感，具有立体性、实时性、动态性等特点。

关键词：动态插画;商业用途;表现方法

引言：

随着多媒体技术的飞速发展，以电脑、手机、平板电脑等为载体，以互联网为媒介进行传播销售的商品逐渐丰富了人们的生活，使人们的活动从线下逐渐转到了线上，大量的信息涌入人们的视野之中，社会进入了读图时代。在这种时代背景下，动态插画作为一种新的艺术表现形式，在互联网商品包装中应用广泛，打破了传统包装的静态设计形式，更好的将产品展示给消费者，提升用户的视听感受。所以本文从以下几方面分析，互联网时代下动态插画设计的商业应用的特点。

一、动态插画设计的产生和发展

无线网络在全国的覆盖越来越广，人们能更迅速、更便利地传输和接受信息，对于接受信息的方式要求越来越高。研究表明，人类的大脑更容易被动态的物体所吸引，移动端互联网的快速发展使得人们越来越没有耐心，而动态能够传递更强烈的视觉效果、更快传递信息、调动用户的情绪。传播渠道的改变使原本应用于电视、电影制作的视觉语言、画面特效、声音合成等知识与平面图像知识发生碰撞融合，于是产生了动态插画。动态插画从源头其实是动态图形设计的表现形式，就是经过动态的设计，在原本静态的平面图像动起来，也就是Motion +Graphics，是一种融合了电影动画和平面设计的艺术形式，是结合文字、图形、图片、插画、视频、3D、音乐等创意元素来传递信息的。动态插画在互联网的应用，动态插画作为一种动态图形设计的分支被广为应用，比如H5页面、动态logo、动态海报、表情包、UI启动/加载、MG动画等。

二、动态插画的设计概念与准则

插画作为一门独立艺术形式。无论是应用于各个领域都要遵循一定的设计概念和准则。首先第一条是平面设计，一切设计都是基于平面设计。动态设计作为一种会动的设计也是需要遵循平面设计的原则，平面设計中必要的三要素就是图形/图像、文字、色彩，安排好这三个要素才能更有效的传递信息，给用户才来更好的情感连接;第二条是时间，动态图形设计和传统的图片最基本的一个区别就是在于时间的一个设计，时间的设计是丰富了动态图形的视觉呈现，让人的感官得到了延展。最后一条是运动，动态设计是源于动画美学为基础的，需要遵循一定的动画原理。《生命的幻象》中总结的迪斯尼动画的12原则，也适用互联网时代的动态插画设计。1.挤压与拉伸，动画中用拉长或压平来强调速度、动力、重量和质量;2.预备动作，让观看的人对于接下来要发生的事有一个预判;3.演出布局，引导观众的注意，让重要对象在场景中得以聚焦。4.连贯动作法和关键动作法，这是两种动画设计的方法，连贯动作法是指从开始到结束，绘制动画的每一帧;关键动作法是指定义一系列关键帧后再开始填充间隔;5.跟随动作和重叠动作，跟随是指当角色的动作停止时，其它与其相关联的部件仍然会保持动势而移动，用来模拟有弹性、有速度感的动作;重叠动作是指相关联部件以不同的速率移动的趋势;6.缓动缓出;7.弧线运动，用弧线来描绘角色的运动可以达到一种自然的效果;8.次要动作，为了丰富和补充主要动作，从而加强主要动作;9.时间控制，正确的时机使得物体的出现跟符合物理原则;10.夸张，夸张的表演使得动作更加有吸引力，增加戏剧性;11.扎实的绘画，要确保形体卡上去像在有体积、重量和平衡的三维空间中;对真实空间的认知，给设计赋予更多的质感和立体感;12.吸引力，吸引力其实就是艺术魅力，是综合动画的所有技巧，来创造富有生命力的动态，是吸引力原则的关键。

三、动态插画的商业应用

网络传播信息的便利性和低成本使许多的商品都选择了线上销售，线上销售就导致之前的平面广告和包装不能满足于现有的销售模式，于是动态插画开始广泛的应用于商业领域，它即能像传统包装一样传递信息，又能够降低成本，同时丰富了消费者的视听感受，更利于虚拟商品的宣传推广。动态插画主要被商业广泛应用于以下几个大方面：

3.1 商品的动态海报

很多电商品牌在每年的双十一时都会推出一些动态海报，例如坚果在双十一天猫超级品牌日发布的海报，一个投影投出的光是一个天猫的轮廓，一只小天猫在光影中的长椅上坐着，光影一闪一闪，利用光影营造出了安逸的情景，海报渲染了气氛，烘托了它的主题。相比于一张静帧海报，增加了动态感和趣味性。

3.2 游戏的宣传包装

游戏软件近年来在国内消费者的消费占比扩大，很多游戏登陆页面定期主题更新，动态插画可以在还原游戏的动态场景的基础上，还能提升游戏包装传递的信息量，有些游戏还加入了重力感应，玩家通过倾斜手机可以看到画面上视角的变化，增加了临场感和交互感。

3.3  网页/logo的呈现

Google是将动态插画最早应用于网站首页的logo呈现的网站，通常在各类节日、纪念日期间，特定的动态插画就会取代普通logo的显示。将动态插画应用于网页，不仅能够打破网页设计的平面化、规整化的视觉感受，而且可以用动态效果直接突出重点，迅速的吸引用户的注意。

3.4 开屏/h5的应用

许多app的开屏，通过推拉摇移的视听语言手法，利用镜头的运动来切换场景，突出自己的app的品牌调性。H5则是因为传递的信息较多，通过用户的手势操作和镜头的运动来推进情节的发展，让用户有一种参与感和投入感同时更有效地接受信息。

结束语

综上所述，动态插画的多元化表现形式，对信息的传递和推广更直接和精准，给商业应用带来了无限的可能性。面对越来越追求感官冲击的消费群体们，动态插画在商业中的应用，更加有效地刺激了消费者的购买欲望，便利的网络渠道也使动态插画相比于静帧插画更具竞争力，动态插画能够使得消费者从网络上，通过动态插画的演示，了解产品的商业属性和使用功能，具有立体性、实时性、动态性等特点。

参考文献

[1]  弗兰克·托马斯，奥利·约翰斯顿，方丽译.《生命的幻想》[M]. 中国青年出版社.2011

[2]  黄静.论动态插画对插画设计领域的创新与拓展 [J].大众文艺，2017（4）

[3]  陈志莹，杨月.基于数字媒体传播的插画动态化的趣味性探索 [J].包装工程，2017，38（8）

[4]  张瑞瑞，杨文轩 .动态插画在虚拟包装设计中的应用研究 [J]. 湖北工业大学学报.2018，33（6）

作者简介：易文彬（1995.8.4），女，汉族，内蒙古乌海人，西安美术学院影视动画系，17级在读研究生（硕士学位，专业：动漫艺术研究，研究方向：动态插画设计）