前言：尋找寫作靈感？中文期刊網(wǎng)用心挑選的交互動(dòng)畫式網(wǎng)站設(shè)計(jì)和應(yīng)用，希望能為您的閱讀和創(chuàng)作帶來(lái)靈感，歡迎大家閱讀并分享。

摘要：當(dāng)前是信息技術(shù)飛速發(fā)展時(shí)期，電子技術(shù)的出現(xiàn)和多媒體技術(shù)的發(fā)展使得交互動(dòng)畫逐漸發(fā)展為網(wǎng)絡(luò)傳播的重要形式。交互動(dòng)畫在對(duì)圖像、聲音和視頻進(jìn)行整合處理環(huán)節(jié)中，可以用更為多樣化的手段對(duì)展現(xiàn)信息的個(gè)性化特征，能在感官上對(duì)消費(fèi)者群體實(shí)現(xiàn)有效刺激和吸引，對(duì)產(chǎn)品營(yíng)銷有著重要影響。本文將對(duì)交互動(dòng)畫網(wǎng)站的設(shè)計(jì)進(jìn)行研究，根據(jù)網(wǎng)站設(shè)計(jì)的應(yīng)用情況進(jìn)行探索，希望對(duì)網(wǎng)站設(shè)計(jì)工作的開展提供有效參考作用。

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

作為一種全新交互動(dòng)畫方式，計(jì)算機(jī)動(dòng)畫在目前互聯(lián)網(wǎng)技術(shù)的全面發(fā)展過(guò)程中已經(jīng)發(fā)展為了一種全新的網(wǎng)絡(luò)信息傳播方式，因此在信息化水平全面提升背景下，其受重視程度不言而喻。交互動(dòng)畫借助多媒體技術(shù)中的各項(xiàng)技術(shù)形式，可以對(duì)聲音和視頻圖片能進(jìn)行有效整合，這對(duì)于推進(jìn)人與動(dòng)畫之間的交互性發(fā)展將起到有效影響。基于此，本文就將對(duì)交互動(dòng)畫式網(wǎng)站設(shè)計(jì)和應(yīng)用問(wèn)題進(jìn)行進(jìn)一步研究，希望對(duì)網(wǎng)站設(shè)計(jì)專業(yè)工作人員提供更有效的幫助和指導(dǎo)作用。

一、交互動(dòng)畫的網(wǎng)站設(shè)計(jì)原則

在當(dāng)前社會(huì)發(fā)展水平全面提升背景下，交互動(dòng)畫的優(yōu)勢(shì)作用也得到了顯著發(fā)展，因此要想在今后網(wǎng)站設(shè)計(jì)工作中發(fā)揮更顯著優(yōu)勢(shì)，就要保證對(duì)設(shè)計(jì)原則的貫徹和堅(jiān)持，經(jīng)研究發(fā)現(xiàn)，交互動(dòng)畫網(wǎng)站設(shè)計(jì)原則集中表現(xiàn)為以下幾點(diǎn)：其一，信息傳達(dá)的準(zhǔn)確性。其二，以人為本的原則。其三，傳播途徑的適應(yīng)性。其四，設(shè)計(jì)中融合藝術(shù)性原則。

二、交互動(dòng)畫的網(wǎng)站設(shè)計(jì)思路

本文研究的交互動(dòng)畫設(shè)計(jì)以服裝主題網(wǎng)站為基礎(chǔ)。該案例在對(duì)網(wǎng)站進(jìn)行設(shè)計(jì)的過(guò)程中，基于此網(wǎng)站涵蓋較為復(fù)雜的產(chǎn)品類型，因此要加強(qiáng)對(duì)設(shè)計(jì)主次的明確，以服裝宣傳效果的提升作為重點(diǎn)研究?jī)?nèi)容和設(shè)計(jì)方向，將設(shè)計(jì)內(nèi)容作為工作出發(fā)點(diǎn)。在此環(huán)節(jié)中要對(duì)以下三個(gè)環(huán)節(jié)進(jìn)行明確：首先，從網(wǎng)站的整體需求出發(fā)，對(duì)網(wǎng)站頁(yè)面進(jìn)行科學(xué)規(guī)劃設(shè)計(jì)。要根據(jù)服裝店鋪的發(fā)展需求、服裝產(chǎn)品類型和搭配原則進(jìn)行基礎(chǔ)頁(yè)面架構(gòu)，突出網(wǎng)站特色，展現(xiàn)該服裝店鋪與眾不同的風(fēng)格特征。其次，進(jìn)行單個(gè)物品或服飾的展示設(shè)計(jì)，通過(guò)在網(wǎng)站中的真實(shí)互動(dòng)引導(dǎo)和幫助網(wǎng)站瀏覽者對(duì)產(chǎn)品進(jìn)行全面了解。最后，對(duì)頁(yè)面交互進(jìn)行動(dòng)畫設(shè)計(jì)，包括主頁(yè)動(dòng)畫和各級(jí)頁(yè)面的設(shè)計(jì)。

三、交互動(dòng)畫設(shè)計(jì)概述

在當(dāng)前社會(huì)發(fā)展水平全面提升背景下，動(dòng)畫制作技術(shù)在社會(huì)發(fā)展中的優(yōu)勢(shì)作用也更為顯著。其中動(dòng)畫影視的出現(xiàn)不僅實(shí)現(xiàn)了群眾對(duì)視覺(jué)效果的需求，同時(shí)也在很大程度上實(shí)現(xiàn)了群眾審美能力的提升。但是受到多種因素的限制，目前這項(xiàng)技術(shù)仍然處于演示階段，在實(shí)際發(fā)展中沒(méi)能得到有效應(yīng)用。如果將這項(xiàng)技術(shù)應(yīng)用在交互設(shè)計(jì)工作中，可以實(shí)現(xiàn)對(duì)上述問(wèn)題的有效解決。動(dòng)畫制作技術(shù)和交互設(shè)計(jì)的有效結(jié)合，為群眾和三維動(dòng)畫之間互動(dòng)效果的提升提供了重要幫助。比如人們?cè)趯?duì)三維動(dòng)畫進(jìn)行觀看的過(guò)程中，可以實(shí)現(xiàn)對(duì)角色的扮演，參與到動(dòng)畫中。在這一環(huán)節(jié)中，可以針對(duì)自身想法，對(duì)網(wǎng)站要求進(jìn)行有效調(diào)整，體驗(yàn)互動(dòng)作用。整體而言，交互動(dòng)畫對(duì)于群眾生活而言可以發(fā)揮更為真實(shí)的作用，群眾也可以在此種背景下進(jìn)行有效的藝術(shù)創(chuàng)作，提升交互性能的整體優(yōu)勢(shì)。

四、交互動(dòng)畫的網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)

首先，整體規(guī)劃設(shè)計(jì)的實(shí)現(xiàn)。這是指完成網(wǎng)站的頁(yè)面構(gòu)架規(guī)劃，在實(shí)際設(shè)計(jì)中，要根據(jù)網(wǎng)站風(fēng)格和具體背景色進(jìn)行填充，通過(guò)此種方式完成對(duì)網(wǎng)站頁(yè)面的個(gè)性化設(shè)計(jì)。在網(wǎng)站頁(yè)面設(shè)計(jì)中，需要合理借助Photoshop和CorelDraw等軟件進(jìn)行設(shè)計(jì)，從而在交互設(shè)計(jì)平臺(tái)的定位基礎(chǔ)上，實(shí)現(xiàn)設(shè)計(jì)藍(lán)圖的構(gòu)建。在完成基礎(chǔ)工作中，要以jpeg的文件形式對(duì)其進(jìn)行保存，其中還要對(duì)PNG形式下的背景進(jìn)行透明處理，確保像素要求和分辨率滿足屏幕要求。其次，單品設(shè)計(jì)的實(shí)現(xiàn)。在對(duì)這一環(huán)節(jié)進(jìn)行交互設(shè)計(jì)內(nèi)容選擇上，可以采用三維建模方式或二維全景拍攝方式，通過(guò)二維、三維形式的交互設(shè)計(jì)，合理進(jìn)行軟件設(shè)計(jì)，對(duì)最終效果圖進(jìn)行分類處理和有效調(diào)整。在這項(xiàng)工作開展中，要求嚴(yán)格根據(jù)設(shè)計(jì)步驟開展工作，其一，在3dmax背景下進(jìn)行建模數(shù)據(jù)處理，實(shí)現(xiàn)對(duì)文件大小的合理控制，并借助Cult3D進(jìn)行3D輸出，通過(guò)對(duì)相關(guān)互動(dòng)形式的融合，對(duì)播放文件進(jìn)行必要的壓縮控制和調(diào)整，保證的基礎(chǔ)性要求。其二，在對(duì)二維圖片進(jìn)行三維動(dòng)畫貧瘠額環(huán)節(jié)中，還要在相關(guān)刻度旋轉(zhuǎn)平臺(tái)中進(jìn)行圖片選擇，將合格的圖片轉(zhuǎn)換為合理的文件格式，利用VR軟件技術(shù)進(jìn)行全景拼接，將其演變?yōu)橛耙晞?dòng)畫條件下的互動(dòng)動(dòng)畫形式。其三，對(duì)頁(yè)面的設(shè)計(jì)。這一環(huán)節(jié)中主要指的就是首頁(yè)和各級(jí)頁(yè)面的交互設(shè)計(jì)。這一環(huán)節(jié)將對(duì)網(wǎng)站風(fēng)格的整體性產(chǎn)生直接影響，所以要將用戶需求作為整個(gè)工作的基礎(chǔ)，在用戶需求下適當(dāng)融合藝術(shù)性設(shè)計(jì)和趣味性設(shè)計(jì)，通過(guò)此種方式滿足群眾的瀏覽和審美需求。在整個(gè)設(shè)計(jì)過(guò)程中，要對(duì)設(shè)計(jì)元素進(jìn)行科學(xué)整合，從而對(duì)各級(jí)頁(yè)面進(jìn)行設(shè)計(jì)，只有這樣才能實(shí)現(xiàn)對(duì)單品動(dòng)畫展示空間的表現(xiàn)，從而根究用戶需求進(jìn)行語(yǔ)言程序編程，實(shí)現(xiàn)對(duì)最終效果圖的明確。最后，頁(yè)面的整合設(shè)計(jì)。在這一工作開展中，需要借助Photoshop等軟件進(jìn)行靜態(tài)頁(yè)面設(shè)計(jì)和裝飾，通過(guò)對(duì)文字內(nèi)容的融合，融合相應(yīng)的交互動(dòng)畫，進(jìn)一步明確格式大小，采用合理的存檔形式對(duì)動(dòng)畫效果進(jìn)行保存。之后還要利用Flash軟件進(jìn)行進(jìn)一步動(dòng)畫設(shè)計(jì)，在動(dòng)畫中插入合理的背景，在動(dòng)畫效果的瀏覽過(guò)程中對(duì)網(wǎng)站設(shè)計(jì)方案進(jìn)行針對(duì)性調(diào)整，保證交互動(dòng)畫的成功。

五、動(dòng)畫交互網(wǎng)站設(shè)計(jì)應(yīng)用的作用

第一，對(duì)產(chǎn)品傳統(tǒng)營(yíng)銷手段進(jìn)行創(chuàng)新。通過(guò)交互動(dòng)畫設(shè)計(jì)應(yīng)用對(duì)產(chǎn)品進(jìn)行營(yíng)銷，借助互聯(lián)網(wǎng)技術(shù)的媒介性作用可以更有效的進(jìn)行信息流通與傳播，從而借助交互動(dòng)畫的獨(dú)特設(shè)計(jì)理念滿足消費(fèi)者要求。交互動(dòng)畫設(shè)計(jì)可以更全面的展現(xiàn)產(chǎn)品細(xì)節(jié)，在主題明確的前提下對(duì)產(chǎn)品進(jìn)行個(gè)性化理念的融合，吸引廣大頁(yè)面瀏覽者的注意，這對(duì)于產(chǎn)品營(yíng)銷和推廣將起到更大的幫助。同時(shí)，此種設(shè)計(jì)手段的應(yīng)用也是對(duì)傳統(tǒng)設(shè)計(jì)方式的有效補(bǔ)充，能加強(qiáng)信息內(nèi)容的豐富性和完善性。第二，對(duì)信息傳遞效果進(jìn)行提升。交互動(dòng)畫作用下可以借助動(dòng)畫設(shè)計(jì)和人的有效互動(dòng)，對(duì)消費(fèi)者的體驗(yàn)感進(jìn)行提升，確保消費(fèi)者參與過(guò)程中與動(dòng)畫進(jìn)行有效交流，這對(duì)于信息傳遞效果的提升也將起到有效幫助。第三，對(duì)情感交流進(jìn)行完善。在交互動(dòng)畫設(shè)計(jì)的應(yīng)用過(guò)程中可以借助這一平臺(tái)對(duì)瀏覽者的關(guān)注度進(jìn)行提升，站在消費(fèi)者心理需求上引發(fā)情感共識(shí)，利用平臺(tái)藝術(shù)性和趣味性實(shí)現(xiàn)對(duì)情感交流的優(yōu)化。第四，對(duì)頁(yè)面設(shè)計(jì)優(yōu)勢(shì)進(jìn)行發(fā)揮。在對(duì)這項(xiàng)技術(shù)應(yīng)用環(huán)節(jié)中，如果可以將交互動(dòng)畫設(shè)計(jì)手段應(yīng)用在界面設(shè)計(jì)中，能確保網(wǎng)頁(yè)產(chǎn)品辨識(shí)度的有效提升，不僅能強(qiáng)化產(chǎn)品自身親和力，同時(shí)也可以為群眾帶來(lái)更為真實(shí)IDE體驗(yàn)感。比如當(dāng)前很多企業(yè)都加強(qiáng)了對(duì)微信公眾號(hào)的開發(fā)，在這一界面就可以加強(qiáng)對(duì)交互動(dòng)畫設(shè)計(jì)的應(yīng)用，保證群眾隨時(shí)隨地接受信息，提升用戶體驗(yàn)感，這對(duì)于用戶而言，手機(jī)平臺(tái)產(chǎn)生的視覺(jué)互動(dòng)效果也將更為顯著。

六、動(dòng)畫交互網(wǎng)站設(shè)計(jì)中的問(wèn)題和解決對(duì)策

其一，設(shè)計(jì)應(yīng)用中出現(xiàn)的問(wèn)題主要表現(xiàn)為以下環(huán)節(jié)：首先，設(shè)計(jì)理念缺乏完善性，創(chuàng)新意識(shí)薄弱，并且在設(shè)計(jì)環(huán)節(jié)中，并沒(méi)有對(duì)制作技術(shù)進(jìn)行有效落實(shí)。其次，交互動(dòng)畫設(shè)計(jì)工作的整體性效果不佳，無(wú)法發(fā)揮交互動(dòng)畫設(shè)計(jì)的積極作用，因此需要對(duì)這項(xiàng)工作進(jìn)行有效完善。其二，動(dòng)畫交互網(wǎng)站設(shè)計(jì)問(wèn)題的應(yīng)對(duì)策略。基于目前網(wǎng)絡(luò)營(yíng)銷推廣形勢(shì)，在對(duì)交互動(dòng)畫設(shè)計(jì)進(jìn)行應(yīng)用的環(huán)節(jié)中應(yīng)該充分發(fā)揮動(dòng)畫的積極作用，將設(shè)計(jì)構(gòu)思作為基礎(chǔ)出發(fā)點(diǎn)，通過(guò)對(duì)整體構(gòu)思理念的應(yīng)用，這全面提升和強(qiáng)化設(shè)計(jì)水平，確保每個(gè)設(shè)計(jì)環(huán)節(jié)都能得到有效落實(shí)，只有這樣才能有效發(fā)揮交互動(dòng)畫設(shè)計(jì)工作的趣味性和互動(dòng)性特征。

七、結(jié)語(yǔ)

綜上所述，目前交互動(dòng)畫網(wǎng)站的設(shè)計(jì)和應(yīng)用已經(jīng)逐漸演變?yōu)榱司W(wǎng)絡(luò)營(yíng)銷的重要手段，在對(duì)這項(xiàng)工作進(jìn)行推廣的過(guò)程中，要進(jìn)一步加強(qiáng)對(duì)設(shè)計(jì)工作的落實(shí)，從而在對(duì)設(shè)計(jì)原則進(jìn)行確定的基礎(chǔ)上，合理進(jìn)行設(shè)計(jì)構(gòu)思，推進(jìn)網(wǎng)站設(shè)計(jì)的交互式發(fā)展。此外在對(duì)網(wǎng)站交互動(dòng)畫應(yīng)用意義進(jìn)行確定的前提下，還需要對(duì)設(shè)計(jì)方案中呈現(xiàn)的問(wèn)題進(jìn)行分析，更準(zhǔn)確的掌握問(wèn)題解決方案，只有這樣才能保證網(wǎng)站交互動(dòng)畫設(shè)計(jì)和應(yīng)用的完善性。

參考文獻(xiàn)：

[1]吳晴，史啟新.交互動(dòng)畫式網(wǎng)站設(shè)計(jì)與應(yīng)用[J].湖南城市學(xué)院學(xué)報(bào)（自然科學(xué)版），2016，25（1）：159-160.

[2]錢娟.Flash中的交互動(dòng)畫編程[J].信息與電腦，2016，27（6）：33-34.

[3]馮友群.淺談Flash動(dòng)畫制作及在網(wǎng)站中的應(yīng)用[J].中國(guó)信息化，2013，39（14）：86-86.

[4]伊卓君.兒童網(wǎng)站中的交互理念與視覺(jué)設(shè)計(jì)應(yīng)用研究[D].浙江理工大學(xué)，2015，16（5）：189-190.

[5]陳春雨，王福成，解國(guó)梁等.佳愛(ài)家居網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].內(nèi)燃機(jī)與配件，2017，26（12）：155-157.

作者:劉剛 單位:東南大學(xué)成賢學(xué)院