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

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了交互動畫式網(wǎng)站設(shè)計應(yīng)用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：基于信息化時代背景下，網(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)用進(jìn)行分析，以供參考。

關(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)確傳達(dá)性。第二，人性化。第三，適合傳播的途徑。第四，將藝術(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)品的類型、服飾的分類以及搭配等進(jì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è)計以及具體背景顏色等的填充，進(jìn)而實現(xiàn)網(wǎng)站頁面的個性化設(shè)計。在實際設(shè)計的過程中采用CorelDraw/Photoshop等軟件來進(jìn)行設(shè)計，在定位交互設(shè)計平臺的基礎(chǔ)上，需要首先頁面的元素的手繪設(shè)計，以此為參照通過相應(yīng)設(shè)計元件來實現(xiàn)效果的設(shè)計，以構(gòu)建出設(shè)計藍(lán)圖。完成之后需要以Jpeg等文件格式來實現(xiàn)保存，其中PNG保存格式下背景進(jìn)行透明處理，相應(yīng)像素與分辨率要符合全屏顯示之需。第二，單個物品設(shè)計的實現(xiàn)。在落實這一交互設(shè)計內(nèi)容的過程中，一般可以采用三維建模的方式亦或者是二維全景圖拍攝的方法來進(jìn)行，在此基礎(chǔ)上來實現(xiàn)二維與三維形式的交互設(shè)計，相應(yīng)設(shè)計軟件可采用3dsmax/VRToolbox等軟件進(jìn)行設(shè)計，在分類處理、調(diào)整后實現(xiàn)效果圖的輸出。具體設(shè)計步驟[3]為：首先，在3dsmax中進(jìn)行建模處理，實現(xiàn)對文件大小的有效控制，在此基礎(chǔ)上，以Cult3D來實現(xiàn)3D格式的輸出，并加入相應(yīng)的互動形式，進(jìn)而到處相應(yīng)的播放文件進(jìn)行壓縮處理，為應(yīng)用奠定基礎(chǔ)。其次，以二維圖片進(jìn)行三維動畫拼接的過程中，需要在相應(yīng)的刻度旋轉(zhuǎn)平臺上按照每十度一張凸顯來進(jìn)行圖片采集，導(dǎo)入后以相應(yīng)的修圖軟件進(jìn)行圖片處理，并轉(zhuǎn)化成相應(yīng)像素下的文件格式，在此基礎(chǔ)上以VR軟件來實現(xiàn)全景的拼接，進(jì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)語言軟件進(jìn)行編程，調(diào)試后來確認(rèn)最終的效果圖。第四，頁面整合設(shè)計。首先，以Photoshop等軟件進(jìn)行靜態(tài)頁面的制作與修飾，加入文字內(nèi)容，融入所需插入的交互動畫，并確保其格式與大小上符合要求，并進(jìn)行保存；然后，以Flash軟件來實現(xiàn)動畫設(shè)計，插入相應(yīng)背景等，并以Dreamweaver軟件實現(xiàn)單個物品與網(wǎng)站各級頁面的鏈接設(shè)計，最后進(jìn)行瀏覽并實現(xiàn)有針對性的調(diào)式，以確保交互動畫的成功。

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

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

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

3結(jié)束語

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

參考文獻(xiàn)：

[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.

作者：吳晴 史啟新 單位：安徽工程大學(xué)