交互動(dòng)畫(huà)式網(wǎng)站設計應用論文
摘要：基于信息化時(shí)代背景下，網(wǎng)絡(luò )的普及性應用以及多媒體技術(shù)的不斷發(fā)展促使交互動(dòng)畫(huà)逐漸成為了網(wǎng)絡(luò )傳播的一大主流形式。通過(guò)對圖像、聲音以及視頻等的整合處理，能夠以多樣化的表現形式來(lái)實(shí)現產(chǎn)品信息的個(gè)性化且高效化傳遞，并強化感官上的刺激以吸引消費者的注意力，強化產(chǎn)品營(yíng)銷(xiāo)的效果。本文首先闡述了交互動(dòng)畫(huà)網(wǎng)站的具體設計，其次針對交互動(dòng)畫(huà)網(wǎng)站設計的具體應用進(jìn)行分析，以供參考。
關(guān)鍵詞：交互動(dòng)畫(huà)；網(wǎng)站設計；應用探討
計算機動(dòng)畫(huà)作為一種全新的交互動(dòng)畫(huà)形式，隨著(zhù)互聯(lián)網(wǎng)應用技術(shù)的不斷發(fā)展而逐漸成為了一種全新的網(wǎng)絡(luò )信息傳播方式，交互動(dòng)畫(huà)利用多媒體技術(shù)的下的Java等技術(shù)手段，通過(guò)對聲音以及視頻圖片的整合來(lái)實(shí)現人與動(dòng)畫(huà)間的交互性[1]。
1基于交互動(dòng)畫(huà)的網(wǎng)站設計
1.1設計的原則
第一，信息的準確傳達性。第二，人性化。第三，適合傳播的途徑。第四，將藝術(shù)性融入到設計的目的性中[2]。
1.2設計的思路
本交互動(dòng)畫(huà)設計以服裝主題網(wǎng)站為例，在實(shí)際設計的過(guò)程中，基于這一類(lèi)型的網(wǎng)站所涉及到的產(chǎn)品類(lèi)型較多，通過(guò)需要明確主次，定位主打服裝以強化宣傳效果，以設計內容為出發(fā)點(diǎn)，需要明確如下三個(gè)部分的'設計：第一，要從整體出發(fā)，實(shí)現網(wǎng)站頁(yè)面的規劃設計。需要針對店鋪的基本信息、產(chǎn)品的類(lèi)型、服飾的分類(lèi)以及搭配等進(jìn)行頁(yè)面構架，明確網(wǎng)站頁(yè)面的特色，凸顯出自身的風(fēng)格特色。第二，單個(gè)物品的展示設計。以交互動(dòng)畫(huà)形式來(lái)展現單個(gè)物品，通過(guò)真實(shí)互動(dòng)來(lái)確保瀏覽者真實(shí)且全面的了解產(chǎn)品。第三，實(shí)現頁(yè)面交互動(dòng)畫(huà)設計，包括首頁(yè)與各級頁(yè)面。
1.3設計的實(shí)現
第一，整體規劃設計的實(shí)現。指的是實(shí)現網(wǎng)站的頁(yè)面構架的規劃，具體落實(shí)的過(guò)程中，需要實(shí)現風(fēng)格的設計以及具體背景顏色等的填充，進(jìn)而實(shí)現網(wǎng)站頁(yè)面的個(gè)性化設計。在實(shí)際設計的過(guò)程中采用CorelDraw/Photoshop等軟件來(lái)進(jìn)行設計，在定位交互設計平臺的基礎上，需要首先頁(yè)面的元素的手繪設計，以此為參照通過(guò)相應設計元件來(lái)實(shí)現效果的設計，以構建出設計藍圖。完成之后需要以Jpeg等文件格式來(lái)實(shí)現保存，其中PNG保存格式下背景進(jìn)行透明處理，相應像素與分辨率要符合全屏顯示之需。第二，單個(gè)物品設計的實(shí)現。在落實(shí)這一交互設計內容的過(guò)程中，一般可以采用三維建模的方式亦或者是二維全景圖拍攝的方法來(lái)進(jìn)行，在此基礎上來(lái)實(shí)現二維與三維形式的交互設計，相應設計軟件可采用3dsmax/VRToolbox等軟件進(jìn)行設計，在分類(lèi)處理、調整后實(shí)現效果圖的輸出。具體設計步驟[3]為：首先，在3dsmax中進(jìn)行建模處理，實(shí)現對文件大小的有效控制，在此基礎上，以Cult3D來(lái)實(shí)現3D格式的輸出，并加入相應的互動(dòng)形式，進(jìn)而到處相應的播放文件進(jìn)行壓縮處理，為發(fā)布應用奠定基礎。其次，以二維圖片進(jìn)行三維動(dòng)畫(huà)拼接的過(guò)程中，需要在相應的刻度旋轉平臺上按照每十度一張凸顯來(lái)進(jìn)行圖片采集，導入后以相應的修圖軟件進(jìn)行圖片處理，并轉化成相應像素下的文件格式，在此基礎上以VR軟件來(lái)實(shí)現全景的拼接，進(jìn)而制作成影視動(dòng)畫(huà)形式下的互動(dòng)動(dòng)畫(huà)。最后，頁(yè)面設計。包括首頁(yè)以及各級頁(yè)面的交互動(dòng)畫(huà)設計，這一設計是凸顯整個(gè)網(wǎng)站風(fēng)格的關(guān)鍵所在，需要以用戶(hù)體驗需求為出發(fā)點(diǎn)，融入設計的藝術(shù)與趣味性等，迎合瀏覽者的審美需求。[4]在具體落實(shí)設計的過(guò)程中，首先，要設計元素的整合，然后，實(shí)現各級頁(yè)面的具體設計，并確保各級頁(yè)面中具備單個(gè)產(chǎn)品交互動(dòng)畫(huà)展示的空間，最后，實(shí)現主頁(yè)面的設計，并制作出相應的導航頁(yè)面，通過(guò)相應語(yǔ)言軟件進(jìn)行編程，調試后來(lái)確認最終的效果圖。第四，頁(yè)面整合設計。首先，以Photoshop等軟件進(jìn)行靜態(tài)頁(yè)面的制作與修飾，加入文字內容，融入所需插入的交互動(dòng)畫(huà)，并確保其格式與大小上符合要求，并進(jìn)行保存；然后，以Flash軟件來(lái)實(shí)現動(dòng)畫(huà)設計，插入相應背景等，并以Dreamweaver軟件實(shí)現單個(gè)物品與網(wǎng)站各級頁(yè)面的鏈接設計，最后進(jìn)行瀏覽并實(shí)現有針對性的調式，以確保交互動(dòng)畫(huà)的成功發(fā)布。
2基于交互動(dòng)畫(huà)網(wǎng)站設計的應用
2.1應用的作用分析
第一，創(chuàng )新產(chǎn)品營(yíng)銷(xiāo)手段。以交互動(dòng)畫(huà)設計的應用來(lái)實(shí)現產(chǎn)品的營(yíng)銷(xiāo)，通過(guò)互聯(lián)網(wǎng)這一媒介能夠實(shí)現產(chǎn)品信息的高效流通與傳播，并以交互動(dòng)畫(huà)的獨特設計理念來(lái)迎合消費者的實(shí)際需求。交互動(dòng)畫(huà)設計能夠進(jìn)一步細化產(chǎn)品的展示細節，并通過(guò)明確的主題與個(gè)性化設計理念的融入來(lái)吸引瀏覽者的注意力，進(jìn)而為產(chǎn)品的營(yíng)銷(xiāo)與推廣開(kāi)辟了新途徑。同時(shí)，這一設計形式的應用也是對傳統網(wǎng)站設計的一種補充，相應信息內容更加的豐富且具體，效果更好。第二，強化信息傳遞效果。交互動(dòng)畫(huà)下通過(guò)動(dòng)畫(huà)設計與人的有效互動(dòng)，能夠強化消費者的體驗感，并在參與的過(guò)程中強化與消費者的溝通與交流，進(jìn)而強化了信息的傳遞效果。第三，強化了情感上的交流。通過(guò)交互動(dòng)畫(huà)設計的應用能夠通過(guò)這一平臺來(lái)吸引瀏覽者的注意力，并且以消費者心理需求為出發(fā)點(diǎn)的設計理念下能夠激發(fā)情感的共鳴，通過(guò)藝術(shù)性與趣味性等進(jìn)一步融合來(lái)強化情感上的溝通與交流。
2.2應用過(guò)程中所呈現出的問(wèn)題與解決對策
第一，應用過(guò)程中所呈現出的問(wèn)題。主要表現在如下兩點(diǎn)：一是設計理念不完善，缺乏創(chuàng )新性，且在設計制作過(guò)程中技術(shù)落實(shí)不到位；二是交互動(dòng)畫(huà)設計的整體性存在不足，難以體現出交互動(dòng)畫(huà)設計的價(jià)值，有待進(jìn)一步的優(yōu)化與完善。第二，對策。立足于當前網(wǎng)絡(luò )營(yíng)銷(xiāo)推廣發(fā)展形勢下，交互動(dòng)畫(huà)設計的應用要想充分的體現出交互動(dòng)畫(huà)的價(jià)值，則就需要以設計構思為出發(fā)點(diǎn)，把握住整體構思理念，在此基礎上，進(jìn)一步提升設計能力與水平，按部就班的落實(shí)各個(gè)設計環(huán)節，并要突出強調交互動(dòng)畫(huà)設計的交互性及趣味性。
3結束語(yǔ)
綜上所述，交互動(dòng)畫(huà)網(wǎng)站的設計與應用已成為當前網(wǎng)絡(luò )營(yíng)銷(xiāo)與推廣的主要途徑之一，在實(shí)際落實(shí)設計的過(guò)程中，需要在明確設計原則的基礎上，進(jìn)行設計的構思與實(shí)現，同時(shí)要明確網(wǎng)站交互動(dòng)畫(huà)應用意義的同時(shí)，結合所呈現出的問(wèn)題來(lái)明確總體解決方向，以確保實(shí)現網(wǎng)站交互動(dòng)畫(huà)的完善設計與應用。
參考文獻：
[1]王靜.網(wǎng)絡(luò )廣告中交互動(dòng)畫(huà)的設計應用研究[D].西安:西安理工大學(xué),2008.
[2]朱舉英.基于交互學(xué)習的精品課程網(wǎng)站設計與開(kāi)發(fā)研究[D].蘭州:西北師范大學(xué),2012.
[3]汪翠義.基于感性的教育網(wǎng)站頁(yè)面設計研究[D].蕪湖:安徽師范大學(xué),2013.
[4]古樂(lè )娟.動(dòng)畫(huà)制作專(zhuān)題站的設計與開(kāi)發(fā)[D].濟南:山東師范大學(xué),2011.
【交互動(dòng)畫(huà)式網(wǎng)站設計應用論文】相關(guān)文章：
移動(dòng)終端交互動(dòng)畫(huà)設計研究論文11-03
論文：色彩在動(dòng)畫(huà)設計中的應用07-03
交互設計在新媒體展示設計中的應用論文11-18
動(dòng)態(tài)網(wǎng)站設計的色彩應用論文11-17
論文:場(chǎng)景設計在動(dòng)畫(huà)電影中的應用07-03
移動(dòng)終端交互動(dòng)畫(huà)設計的分析和研究論文11-01
動(dòng)畫(huà)創(chuàng )意產(chǎn)業(yè)中動(dòng)畫(huà)與漫畫(huà)受眾交互培養研究論文11-22