吳 晴，史啟新（安徽工程大學(xué)，安徽 蕪湖 241000）

?

交互動畫式網(wǎng)站設(shè)計與應(yīng)用

吳 晴，史啟新
（安徽工程大學(xué)，安徽 蕪湖 241000）

摘 要：基于信息化時代背景下，網(wǎng)絡(luò)的普及性應(yīng)用以及多媒體技術(shù)的不斷發(fā)展促使交互動畫逐漸成為了網(wǎng)絡(luò)傳播的一大主流形式。通過對圖像、聲音以及視頻等的整合處理，能夠以多樣化的表現(xiàn)形式來實現(xiàn)產(chǎn)品信息的個性化且高效化傳遞，并強化感官上的刺激以吸引消費者的注意力，強化產(chǎn)品營銷的效果。本文首先闡述了交互動畫網(wǎng)站的具體設(shè)計，其次針對交互動畫網(wǎng)站設(shè)計的具體應(yīng)用進行分析，以供參考。

關(guān)鍵詞：交互動畫；網(wǎng)站設(shè)計；應(yīng)用探討

計算機動畫作為一種全新的交互動畫形式，隨著互聯(lián)網(wǎng)應(yīng)用技術(shù)的不斷發(fā)展而逐漸成為了一種全新的網(wǎng)絡(luò)信息傳播方式，交互動畫利用多媒體技術(shù)的下的Java等技術(shù)手段，通過對聲音以及視頻圖片的整合來實現(xiàn)人與動畫間的交互性［1］。

1　基于交互動畫的網(wǎng)站設(shè)計

1.1設(shè)計的原則

第一，信息的準(zhǔn)確傳達性。第二，人性化。第三，適合傳播的途徑。第四，將藝術(shù)性融入到設(shè)計的目的性中［2］。

1.2設(shè)計的思路

本交互動畫設(shè)計以服裝主題網(wǎng)站為例，在實際設(shè)計的過程中，基于這一類型的網(wǎng)站所涉及到的產(chǎn)品類型較多，通過需要明確主次，定位主打服裝以強化宣傳效果，以設(shè)計內(nèi)容為出發(fā)點，需要明確如下三個部分的設(shè)計：第一，要從整體出發(fā)，實現(xiàn)網(wǎng)站頁面的規(guī)劃設(shè)計。需要針對店鋪的基本信息、產(chǎn)品的類型、服飾的分類以及搭配等進行頁面構(gòu)架，明確網(wǎng)站頁面的特色，凸顯出自身的風(fēng)格特色。第二，單個物品的展示設(shè)計。以交互動畫形式來展現(xiàn)單個物品，通過真實互動來確保瀏覽者真實且全面的了解產(chǎn)品。第三，實現(xiàn)頁面交互動畫設(shè)計，包括首頁與各級頁面。

1.3設(shè)計的實現(xiàn)

第一，整體規(guī)劃設(shè)計的實現(xiàn)。指的是實現(xiàn)網(wǎng)站的頁面構(gòu)架的規(guī)劃，具體落實的過程中，需要實現(xiàn)風(fēng)格的設(shè)計以及具體背景顏色等的填充，進而實現(xiàn)網(wǎng)站頁面的個性化設(shè)計。在實際設(shè)計的過程中采用 CorelDraw/Photoshop等軟件來進行設(shè)計，在定位交互設(shè)計平臺的基礎(chǔ)上，需要首先頁面的元素的手繪設(shè)計，以此為參照通過相應(yīng)設(shè)計元件來實現(xiàn)效果的設(shè)計，以構(gòu)建出設(shè)計藍圖。完成之后需要以Jpeg等文件格式來實現(xiàn)保存，其中PNG保存格式下背景進行透明處理，相應(yīng)像素與分辨率要符合全屏顯示之需。第二，單個物品設(shè)計的實現(xiàn)。在落實這一交互設(shè)計內(nèi)容的過程中，一般可以采用三維建模的方式亦或者是二維全景圖拍攝的方法來進行，在此基礎(chǔ)上來實現(xiàn)二維與三維形式的交互設(shè)計，相應(yīng)設(shè)計軟件可采用 3ds max/VR Toolbox等軟件進行設(shè)計，在分類處理、調(diào)整后實現(xiàn)效果圖的輸出。具體設(shè)計步驟［3］為：首先，在3ds max中進行建模處理，實現(xiàn)對文件大小的有效控制，在此基礎(chǔ)上，以Cult 3D來實現(xiàn)3D格式的輸出，并加入相應(yīng)的互動形式，進而到處相應(yīng)的播放文件進行壓縮處理，為發(fā)布應(yīng)用奠定基礎(chǔ)。其次，以二維圖片進行三維動畫拼接的過程中，需要在相應(yīng)的刻度旋轉(zhuǎn)平臺上按照每十度一張凸顯來進行圖片采集，導(dǎo)入后以相應(yīng)的修圖軟件進行圖片處理，并轉(zhuǎn)化成相應(yīng)像素下的文件格式，在此基礎(chǔ)上以VR軟件來實現(xiàn)全景的拼接，進而制作成影視動畫形式下的互動動畫。最后，頁面設(shè)計。包括首頁以及各級頁面的交互動畫設(shè)計，這一設(shè)計是凸顯整個網(wǎng)站風(fēng)格的關(guān)鍵所在，需要以用戶體驗需求為出發(fā)點，融入設(shè)計的藝術(shù)與趣味性等，迎合瀏覽者的審美需求。［4］在具體落實設(shè)計的過程中，首先，要設(shè)計元素的整合，然后，實現(xiàn)各級頁面的具體設(shè)計，并確保各級頁面中具備單個產(chǎn)品交互動畫展示的空間，最后，實現(xiàn)主頁面的設(shè)計，并制作出相應(yīng)的導(dǎo)航頁面，通過相應(yīng)語言軟件進行編程，調(diào)試后來確認最終的效果圖。第四，頁面整合設(shè)計。首先，以Photoshop等軟件進行靜態(tài)頁面的制作與修飾，加入文字內(nèi)容，融入所需插入的交互動畫，并確保其格式與大小上符合要求，并進行保存；然后，以Flash軟件來實現(xiàn)動畫設(shè)計，插入相應(yīng)背景等，并以 Dream weaver軟件實現(xiàn)單個物品與網(wǎng)站各級頁面的鏈接設(shè)計，最后進行瀏覽并實現(xiàn)有針對性的調(diào)式，以確保交互動畫的成功發(fā)布。

2　基于交互動畫網(wǎng)站設(shè)計的應(yīng)用

2.1應(yīng)用的作用分析

第一，創(chuàng)新產(chǎn)品營銷手段。以交互動畫設(shè)計的應(yīng)用來實現(xiàn)產(chǎn)品的營銷，通過互聯(lián)網(wǎng)這一媒介能夠?qū)崿F(xiàn)產(chǎn)品信息的高效流通與傳播，并以交互動畫的獨特設(shè)計理念來迎合消費者的實際需求。交互動畫設(shè)計能夠進一步細化產(chǎn)品的展示細節(jié)，并通過明確的主題與個性化設(shè)計理念的融入來吸引瀏覽者的注意力，進而為產(chǎn)品的營銷與推廣開辟了新途徑。同時，這一設(shè)計形式的應(yīng)用也是對傳統(tǒng)網(wǎng)站設(shè)計的一種補充，相應(yīng)信息內(nèi)容更加的豐富且具體，效果更好。第二，強化信息傳遞效果。交互動畫下通過動畫設(shè)計與人的有效互動，能夠強化消費者的體驗感，并在參與的過程中強化與消費者的溝通與交流，進而強化了信息的傳遞效果。第三，強化了情感上的交流。通過交互動畫設(shè)計的應(yīng)用能夠通過這一平臺來吸引瀏覽者的注意力，并且以消費者心理需求為出發(fā)點的設(shè)計理念下能夠激發(fā)情感的共鳴，通過藝術(shù)性與趣味性等進一步融合來強化情感上的溝通與交流。

2.2應(yīng)用過程中所呈現(xiàn)出的問題與解決對策

第一，應(yīng)用過程中所呈現(xiàn)出的問題。主要表現(xiàn)在如下兩點：一是設(shè)計理念不完善，缺乏創(chuàng)新性，且在設(shè)計制作過程中技術(shù)落實不到位；二是交互動畫設(shè)計的整體性存在不足，難以體現(xiàn)出交互動畫設(shè)計的價值，有待進一步的優(yōu)化與完善。第二，對策。立足于當(dāng)前網(wǎng)絡(luò)營銷推廣發(fā)展形勢下，交互動畫設(shè)計的應(yīng)用要想充分的體現(xiàn)出交互動畫的價值，則就需要以設(shè)計構(gòu)思為出發(fā)點，把握住整體構(gòu)思理念，在此基礎(chǔ)上，進一步提升設(shè)計能力與水平，按部就班的落實各個設(shè)計環(huán)節(jié)，并要突出強調(diào)交互動畫設(shè)計的交互性及趣味性。

3　結(jié)束語

綜上所述，交互動畫網(wǎng)站的設(shè)計與應(yīng)用已成為當(dāng)前網(wǎng)絡(luò)營銷與推廣的主要途徑之一，在實際落實設(shè)計的過程中，需要在明確設(shè)計原則的基礎(chǔ)上，進行設(shè)計的構(gòu)思與實現(xiàn)，同時要明確網(wǎng)站交互動畫應(yīng)用意義的同時，結(jié)合所呈現(xiàn)出的問題來明確總體解決方向，以確保實現(xiàn)網(wǎng)站交互動畫的完善設(shè)計與應(yīng)用。

參考文獻：

［1］王靜.網(wǎng)絡(luò)廣告中交互動畫的設(shè)計應(yīng)用研究［D］.西安: 西安理工大學(xué)，2008.

［2］朱舉英.基于交互學(xué)習(xí)的精品課程網(wǎng)站設(shè)計與開發(fā)研究［D］.蘭州: 西北師范大學(xué)，2012.

［3］汪翠義.基于感性的教育網(wǎng)站頁面設(shè)計研究［D］.蕪湖: 安徽師范大學(xué)，2013.

［4］古樂娟.動畫制作專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)［D］.濟南: 山東師范大學(xué)，2011.

（責(zé)任編輯：雷 君）

中圖分類號：S611

文獻標(biāo)識碼：A

doi:10.3969/j.issn.1672-7304.2016.01.074

文章編號：1672–7304（2016）01–0159–02

作者簡介：吳晴（1990-），女，安徽池州人，研究方向：動漫設(shè)計與理論研究。

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