交互动画式网站设计与应用

吴 晴，史启新（安徽工程大学，安徽 芜湖 241000）



交互动画式网站设计与应用

吴 晴，史启新
（安徽工程大学，安徽 芜湖 241000）

摘 要：基于信息化时代背景下，网络的普及性应用以及多媒体技术的不断发展促使交互动画逐渐成为了网络传播的一大主流形式。通过对图像、声音以及视频等的整合处理，能够以多样化的表现形式来实现产品信息的个性化且高效化传递，并强化感官上的刺激以吸引消费者的注意力，强化产品营销的效果。本文首先阐述了交互动画网站的具体设计，其次针对交互动画网站设计的具体应用进行分析，以供参考。

关键词：交互动画；网站设计；应用探讨

计算机动画作为一种全新的交互动画形式，随着互联网应用技术的不断发展而逐渐成为了一种全新的网络信息传播方式，交互动画利用多媒体技术的下的Java等技术手段，通过对声音以及视频图片的整合来实现人与动画间的交互性［1］。

1　基于交互动画的网站设计

1.1设计的原则

第一，信息的准确传达性。第二，人性化。第三，适合传播的途径。第四，将艺术性融入到设计的目的性中［2］。

1.2设计的思路

本交互动画设计以服装主题网站为例，在实际设计的过程中，基于这一类型的网站所涉及到的产品类型较多，通过需要明确主次，定位主打服装以强化宣传效果，以设计内容为出发点，需要明确如下三个部分的设计：第一，要从整体出发，实现网站页面的规划设计。需要针对店铺的基本信息、产品的类型、服饰的分类以及搭配等进行页面构架，明确网站页面的特色，凸显出自身的风格特色。第二，单个物品的展示设计。以交互动画形式来展现单个物品，通过真实互动来确保浏览者真实且全面的了解产品。第三，实现页面交互动画设计，包括首页与各级页面。

1.3设计的实现

第一，整体规划设计的实现。指的是实现网站的页面构架的规划，具体落实的过程中，需要实现风格的设计以及具体背景颜色等的填充，进而实现网站页面的个性化设计。在实际设计的过程中采用 CorelDraw/Photoshop等软件来进行设计，在定位交互设计平台的基础上，需要首先页面的元素的手绘设计，以此为参照通过相应设计元件来实现效果的设计，以构建出设计蓝图。完成之后需要以Jpeg等文件格式来实现保存，其中PNG保存格式下背景进行透明处理，相应像素与分辨率要符合全屏显示之需。第二，单个物品设计的实现。在落实这一交互设计内容的过程中，一般可以采用三维建模的方式亦或者是二维全景图拍摄的方法来进行，在此基础上来实现二维与三维形式的交互设计，相应设计软件可采用 3ds max/VR Toolbox等软件进行设计，在分类处理、调整后实现效果图的输出。具体设计步骤［3］为：首先，在3ds max中进行建模处理，实现对文件大小的有效控制，在此基础上，以Cult 3D来实现3D格式的输出，并加入相应的互动形式，进而到处相应的播放文件进行压缩处理，为发布应用奠定基础。其次，以二维图片进行三维动画拼接的过程中，需要在相应的刻度旋转平台上按照每十度一张凸显来进行图片采集，导入后以相应的修图软件进行图片处理，并转化成相应像素下的文件格式，在此基础上以VR软件来实现全景的拼接，进而制作成影视动画形式下的互动动画。最后，页面设计。包括首页以及各级页面的交互动画设计，这一设计是凸显整个网站风格的关键所在，需要以用户体验需求为出发点，融入设计的艺术与趣味性等，迎合浏览者的审美需求。［4］在具体落实设计的过程中，首先，要设计元素的整合，然后，实现各级页面的具体设计，并确保各级页面中具备单个产品交互动画展示的空间，最后，实现主页面的设计，并制作出相应的导航页面，通过相应语言软件进行编程，调试后来确认最终的效果图。第四，页面整合设计。首先，以Photoshop等软件进行静态页面的制作与修饰，加入文字内容，融入所需插入的交互动画，并确保其格式与大小上符合要求，并进行保存；然后，以Flash软件来实现动画设计，插入相应背景等，并以 Dream weaver软件实现单个物品与网站各级页面的链接设计，最后进行浏览并实现有针对性的调式，以确保交互动画的成功发布。

2　基于交互动画网站设计的应用

2.1应用的作用分析

第一，创新产品营销手段。以交互动画设计的应用来实现产品的营销，通过互联网这一媒介能够实现产品信息的高效流通与传播，并以交互动画的独特设计理念来迎合消费者的实际需求。交互动画设计能够进一步细化产品的展示细节，并通过明确的主题与个性化设计理念的融入来吸引浏览者的注意力，进而为产品的营销与推广开辟了新途径。同时，这一设计形式的应用也是对传统网站设计的一种补充，相应信息内容更加的丰富且具体，效果更好。第二，强化信息传递效果。交互动画下通过动画设计与人的有效互动，能够强化消费者的体验感，并在参与的过程中强化与消费者的沟通与交流，进而强化了信息的传递效果。第三，强化了情感上的交流。通过交互动画设计的应用能够通过这一平台来吸引浏览者的注意力，并且以消费者心理需求为出发点的设计理念下能够激发情感的共鸣，通过艺术性与趣味性等进一步融合来强化情感上的沟通与交流。

2.2应用过程中所呈现出的问题与解决对策

第一，应用过程中所呈现出的问题。主要表现在如下两点：一是设计理念不完善，缺乏创新性，且在设计制作过程中技术落实不到位；二是交互动画设计的整体性存在不足，难以体现出交互动画设计的价值，有待进一步的优化与完善。第二，对策。立足于当前网络营销推广发展形势下，交互动画设计的应用要想充分的体现出交互动画的价值，则就需要以设计构思为出发点，把握住整体构思理念，在此基础上，进一步提升设计能力与水平，按部就班的落实各个设计环节，并要突出强调交互动画设计的交互性及趣味性。

3　结束语

综上所述，交互动画网站的设计与应用已成为当前网络营销与推广的主要途径之一，在实际落实设计的过程中，需要在明确设计原则的基础上，进行设计的构思与实现，同时要明确网站交互动画应用意义的同时，结合所呈现出的问题来明确总体解决方向，以确保实现网站交互动画的完善设计与应用。

参考文献：

［1］王静.网络广告中交互动画的设计应用研究［D］.西安: 西安理工大学，2008.

［2］朱举英.基于交互学习的精品课程网站设计与开发研究［D］.兰州: 西北师范大学，2012.

［3］汪翠义.基于感性的教育网站页面设计研究［D］.芜湖: 安徽师范大学，2013.

［4］古乐娟.动画制作专题学习网站的设计与开发［D］.济南: 山东师范大学，2011.

（责任编辑：雷 君）

中图分类号：S611

文献标识码：A

doi:10.3969/j.issn.1672-7304.2016.01.074

文章编号：1672–7304（2016）01–0159–02

作者简介：吴晴（1990-），女，安徽池州人，研究方向：动漫设计与理论研究。

The web design and application based on interactive animation

WU Qing，SHI Qi-xin
（Anhui Polytechnic University. Wuhu Anhui 241000）

Abstract:Based on the background of information technology， the popularization of network application and the development of multimedia technology have made interactive animation gradually become a mainstream form of Internet communication.Through the integration of image， sound and video， it can realize the personalized and efficient delivery of product information in a variety of forms， strengthen the stimulation in order to attract the attention of consumers and strengthen the effect of product marketing. In this paper， we first elaborate the specific design of interactive animation website， and then analyze the specific application of interactive animation website design， for reference.

Keywords:Interactive animation； Website design； Application