视觉传达设计的交互动画特效制作手法探析

王莹

伴随网络文化的发展，我国已进入信息化时代，视觉传达设计也被广泛用于各类媒体、信息内容、文化作品之中，而通过采用交互性设计，使信息的传达更为直观有效。本文结合交互性设计的概念，对视觉传达设计中的交互动画特效制作手法进行了分析，得出交互动画特效是优化视觉传达设计的有效方法和信息传播的有效手段。

动画特效常常被应用在视觉传达设计的交互设计当中，主要是因为其具有交互属性特点。在进行动效制作的设计流程当中，设计者必须要了解动效的运动规律，可以用来解决设计中的哪些问题，从而将其合理地运用到设计及部分细节当中，在制作过程中，设计者也可以适当加入与作品相应的动效效果，丰富作品的表现形式，提升表现效果。总而言之，设计者在设计过程中需要结合多方面因素进行考虑，从而使作品与观看者之间的交互产生良好反馈。

一、交互性设计的概念

交互性是一种被用来帮助用户提供科学有效的控制与方便使用信息的手段，其不仅使用户对作品、信息、内容的理解程度与注意力得到增强，同时也延长了信息在用户大脑中的存留时间。一般的交互形式都只是最底层的对数据进行转换的交互，而当交互形式变为以信息为主体时，则需要利用知识进行辅助，并对交换数据进行相应的结算。同理，相对于其他类型的图形、图像，或是和时间相关的音乐、录音、影像视频等等，都能够对其内容进行交互处理，使用户对内容的理解达到一个新的层次，从而将交互性提升到一个更高的层次。对交互结果具有可控性同时能够进行对信息的反馈，这是交互性设计的重要特点，同时也是对交流与经验的传递。而想要达到视觉传达设计的最高层次，则需要在设计过程中能够根据用户的实际使用情况进行相应调整，从而使用户能够参与到交互设计过程当中，从而使交互设计产生良性循环，持续不断地发展。

二、交互动画特效制作手法

1.作为小动画动效制作的第一手法，GIF小动画受到广泛用户的喜爱，其经常被用来制作对细节要求较高的位图小动画，且具有成本低、可压缩、容量小、制作方法简单等优点，同时作为一种图片格式在各个操作系统中都能够广泛传播。而且，用来制作GIF小动画的软件也有很多，例如我们比较熟悉和常用的photoshop、After、Flash、Effects等软件，都能够将小动画以GIF的格式导出，然后分享。在交互设计中，GIF小动画常常被用作一些页面当中的小标签、加载进度条等细节元素，且在制作过程中需要把握精度与大小之间的平衡。

2.与GIF动画较为类似的一种动效形式是逐帧动画，其原理是将动画分解成一张张等间距的逐帧图片，并配合JAVASCRIPT的脚本模拟编写制作而成。逐帧动画的兼容性较为适合移动端，但在设计中应用较少。而逐帧动画与GIF动画的区别在于，通过脚本可以对逐帧动画的播放快慢、动作暂停等进行控制，而相对于GIF小动画来说，无法通过脚本或后期代码来对其属性、透明度、播放速度进行相应的控制和改变。

3.作为在动画特效当中的重要成员之一，CSS3常常被应用于平面层的动画，但由于其部分属性的限制导致无法获得浏览器的有效支持，阻碍了其推广与应用。CSS3的动画主要有三大属性，分别是Transform变形：包含扭曲、移动、旋转、缩放和矩阵变形五大特效；Transition过渡：可以对执行变换的时长、速率、属性进行修改，并可以延迟时间；Animation动画：可以看做是前两个特效的结合，即几个连续的动作，也就是动画。

4.作为动效制作中不可缺少的一种制作方法，可缩放矢量图，其又被称为SVG，常常用作线条类的动画，但对IE8及Android4.2及以下的系統兼容性较差。一般在对设计元素中进行描边动画的特效制作时，都会采用SVG来进行，当然，相对于一些比较复杂的动画，同样可以胜任，只是制作难度以及实现成本较高。

SVG动画图可以被方便地存储为文档格式，主要因为它是由固定顺序的定位锚点进行链结而生成的，所以，当你在制作SVG动画时，则应该使用illustrator软件进行适量图的绘制。

三、交互动画特效制作的基本原则

1.在进行视觉传达设计的过程中，通过采用交互动效制作可以使观看者的记忆、感知、学习获得一定程度的提升。在作品设计过程中，存有异形元素的作品往往都会具有其特殊性质，从而使观看者对其产生深刻的记忆和印象。当设计者在设计过程中将其中的某个元素故意进行强调处理，使其多次出现在观看者眼前，从而使观看者对该元素的认知度得到提升，而利用该原理，在一些信息量较多的图像环境、静态展示环境及文字内容较多的环境中，通过融入一些微妙的动态元素便可以有效增强观看者的感知与记忆，从而使内容信息的传达更为深刻有效。

2.为了使交互更具有视觉冲击效果，在进行视觉传达设计的过程中，将二维运动元素或三位运动元素与其有效结合，从而使设计中的交互元素能够更加生动、形象的展现出来，丰富其表现形式，不仅增强了对观看者的视觉冲击，同时也具有很强的目的性。

3.通过交互动效设计，使视觉传达设计中的内容重点能够被有效地突显出来，使观看者有效过滤掉无用信息，同时，信息状态与画面的改变使信息得到有效传达，文字与图片的交互动态效果将观看者的注意力有效吸引，从而有效融入到作品当中，给观看者带来更好的观看体验，及重点信息的有效传递。

四、总结

在进行视觉传达设计的过程中，对元素的设计也是需要慎重考虑的，而且，在实际设计过程中当中，动态元素要比静态元素更能够吸引观看者的注意力，且随着制作者的艺术观点与创作思维的不同，使其呈现的艺术效果也各有不同，从而产生许多独具特色的优秀设计作品。将动效制作与视觉传达设计有效结合，使交互作品的表现形式与表现效果得到提升，使内容中的重点信息得到有效传播，从而获得观看者的广泛认可与赞扬。

（作者单位：江西泰豪动漫职业学院）