網(wǎng)頁設(shè)計(jì)動(dòng)圖繪制系統(tǒng)

文/王志勇

互聯(lián)網(wǎng)改變傳統(tǒng)生活方式，在獲取信息及人際交往過程中，已經(jīng)產(chǎn)生質(zhì)變。這種改變成為社會(huì)發(fā)展的動(dòng)力，各種思路與技術(shù)的融合，使得圖形設(shè)計(jì)自靜態(tài)轉(zhuǎn)變?yōu)閯?dòng)態(tài)，催生新型設(shè)計(jì)科目，動(dòng)態(tài)圖形設(shè)計(jì)?，F(xiàn)階段網(wǎng)絡(luò)技術(shù)已經(jīng)覆蓋人們生活的各個(gè)層面，人們活動(dòng)已經(jīng)無法脫離網(wǎng)絡(luò)。Web網(wǎng)頁是人們意識(shí)中的虛擬概念，用戶不需要協(xié)議便能夠了解信息。直觀交互方式形成獨(dú)特的風(fēng)格，網(wǎng)站頁面設(shè)計(jì)是其中重點(diǎn)，成功商業(yè)網(wǎng)站，需具備個(gè)性化特點(diǎn)，F(xiàn)lash動(dòng)圖的出現(xiàn)豐富了網(wǎng)頁，給人帶來視覺沖擊，因此將Flash動(dòng)圖應(yīng)用于網(wǎng)頁界面設(shè)計(jì)中，具有更高的價(jià)值。

1 動(dòng)圖設(shè)計(jì)

1.1 動(dòng)圖定義

動(dòng)態(tài)圖形設(shè)計(jì)指在電影或者視頻動(dòng)態(tài)條件下的圖形設(shè)計(jì)，常見于電影片頭及片尾，通過文字及圖形結(jié)合方式體現(xiàn)，是電視頻道的標(biāo)志。此界定中表現(xiàn)為動(dòng)圖發(fā)展經(jīng)過兩個(gè)階段。首先與影像藝術(shù)存在聯(lián)系，其次與平面設(shè)計(jì)存在聯(lián)系。動(dòng)態(tài)圖設(shè)計(jì)利用平面設(shè)計(jì)及影像設(shè)計(jì)形成與發(fā)展，動(dòng)態(tài)圖在電影、電視應(yīng)用初期，在影片片頭及平面設(shè)計(jì)中應(yīng)用，界面動(dòng)態(tài)圖建立在傳統(tǒng)設(shè)計(jì)基礎(chǔ)上，對(duì)元素進(jìn)行動(dòng)態(tài)設(shè)計(jì)，其中加入時(shí)間概念，在設(shè)計(jì)過程中，需傳達(dá)靜態(tài)圖形信息特點(diǎn)。

1.2 動(dòng)圖特點(diǎn)

動(dòng)態(tài)圖在特點(diǎn)上體現(xiàn)為與平面設(shè)計(jì)存在聯(lián)系，表現(xiàn)為動(dòng)態(tài)型為靜態(tài)圖形延伸出的藝術(shù)，具備靜態(tài)圖的多數(shù)屬性，遵循平面設(shè)計(jì)規(guī)則，這種設(shè)計(jì)在動(dòng)態(tài)媒體中，比如電視、互聯(lián)網(wǎng)等，在時(shí)間維度上進(jìn)一步延伸，與實(shí)踐因素緊密聯(lián)系，與傳統(tǒng)圖形存在明顯差異。動(dòng)態(tài)圖設(shè)計(jì)形式受到技術(shù)與媒體方式的限制，不同技術(shù)水平受到環(huán)境影響，展現(xiàn)不同效果。

2 動(dòng)圖設(shè)計(jì)系統(tǒng)作用

網(wǎng)頁動(dòng)圖設(shè)計(jì)利用Flash系統(tǒng)，互聯(lián)網(wǎng)在開發(fā)后，使時(shí)代發(fā)展具有個(gè)性，網(wǎng)絡(luò)動(dòng)圖被瀏覽者喜愛，F(xiàn)lash系統(tǒng)設(shè)計(jì)的動(dòng)圖具有亮眼特點(diǎn)，在較大程度滿足瀏覽者需求，調(diào)動(dòng)人們?yōu)g覽網(wǎng)頁的好奇心，使人們心理變得更加活躍，帶來視覺沖擊。Flash系統(tǒng)所設(shè)計(jì)的網(wǎng)頁具有多樣化、生動(dòng)化網(wǎng)頁感受，為網(wǎng)頁帶來更多利益，瀏覽者經(jīng)?？吹絼?dòng)態(tài)圖處于漂浮狀態(tài)，F(xiàn)lash系統(tǒng)動(dòng)圖在游戲設(shè)計(jì)中價(jià)值更大。網(wǎng)頁設(shè)計(jì)Flash動(dòng)圖在發(fā)展過程中，帶給網(wǎng)站建設(shè)等人員較大利益。網(wǎng)頁設(shè)計(jì)中放置多種動(dòng)圖，但也要思考動(dòng)圖展現(xiàn)效果，實(shí)現(xiàn)事半功倍的目標(biāo)。Flash動(dòng)圖能夠保障網(wǎng)頁設(shè)計(jì)具備藝術(shù)性，提升網(wǎng)頁關(guān)注度，這些效果往往出人意料，滿足人們的個(gè)性化需求，對(duì)追求時(shí)尚企業(yè)及媒體具有重要意義。先進(jìn)網(wǎng)頁設(shè)計(jì)產(chǎn)品已經(jīng)無法脫離Flash系統(tǒng)，利用3D動(dòng)畫雖然能見到更加顯著的效果，但花費(fèi)成本較高，普通網(wǎng)頁設(shè)計(jì)無法承受，二維Flash系統(tǒng)動(dòng)態(tài)圖像將圖片組合后，能夠展現(xiàn)理想效果，符合時(shí)代發(fā)展需求。

3 網(wǎng)頁設(shè)計(jì)中的視覺屬性

3.1 時(shí)間延續(xù)性

動(dòng)態(tài)圖形設(shè)計(jì)本質(zhì)利用空間變化體現(xiàn)時(shí)間，與靜態(tài)設(shè)計(jì)不同，不同幀元素變化能夠體現(xiàn)時(shí)間。時(shí)間表現(xiàn)過程中，傳統(tǒng)電影一般為每幀24s，網(wǎng)頁界面動(dòng)態(tài)圖片，時(shí)間增加或者減少能夠體現(xiàn)不同效果，靜幀能夠體現(xiàn)時(shí)間停止，人們?cè)跒g覽過程中能夠感知時(shí)間延續(xù)。

3.2 空間延續(xù)

牛頓空間理論中，真實(shí)空間為無限存在，通過不同軸向構(gòu)建三維空間，靜態(tài)圖形可利用x，y軸體現(xiàn)，動(dòng)態(tài)圖體現(xiàn)作品的豐富多彩，但也會(huì)具有邊界。動(dòng)態(tài)方式將空間拓展至界面以外，時(shí)間概念可體現(xiàn)空間z軸，使設(shè)計(jì)空間進(jìn)一步延伸。

3.3 傳遞高效性

外國(guó)研究人員利用眼動(dòng)儀對(duì)網(wǎng)頁界面進(jìn)行調(diào)查，發(fā)現(xiàn)人們關(guān)注圖形大于信息本身，動(dòng)態(tài)圖關(guān)注度更高，處于整個(gè)邏輯中的首位，人們?cè)谟^察過程中，視覺受到刺激過程中，人們將觸感信息保留，通過幾秒時(shí)間將其記憶，這種記憶容易被新的記憶取代。動(dòng)圖設(shè)計(jì)過程中，通過動(dòng)態(tài)體現(xiàn)時(shí)間維度，使人們更加方便的捕捉物理心理，通過承載界面，使人們信息收集更加豐富，這些信息形成人們的心理感受，這種意識(shí)使人們信息收集能力提升，更加有效收集信息。

4 Flash動(dòng)圖設(shè)計(jì)系統(tǒng)在網(wǎng)頁設(shè)計(jì)的應(yīng)用

4.1 在娛樂網(wǎng)頁的應(yīng)用

網(wǎng)頁設(shè)計(jì)中需觀察設(shè)計(jì)需求，在娛樂及宣傳性主題網(wǎng)站中，都會(huì)涉及到娛樂動(dòng)畫，其中涉及到豐富的文字及音效、圖片等藝術(shù)元素，使網(wǎng)頁設(shè)計(jì)娛樂及公益性提升，強(qiáng)化網(wǎng)頁價(jià)值。網(wǎng)頁設(shè)計(jì)中任何動(dòng)態(tài)圖像需要利用攝影技術(shù)，對(duì)圖像光線及聲音等整個(gè)場(chǎng)景進(jìn)行思考，盡可能將能夠利用的元素，實(shí)現(xiàn)理想的氣氛，表達(dá)理想效果依舊依靠Flash系統(tǒng)，F(xiàn)lash系統(tǒng)動(dòng)態(tài)圖像也會(huì)使得瀏覽者情感產(chǎn)生共鳴，調(diào)度瀏覽者情緒，使瀏覽者關(guān)注度提升。

4.2 在收益性廣告中的應(yīng)用

我國(guó)網(wǎng)站網(wǎng)頁設(shè)計(jì)發(fā)展過程中，多數(shù)利用GIF動(dòng)態(tài)圖，我國(guó)早期網(wǎng)頁設(shè)計(jì)過程中Flash系統(tǒng)圖像應(yīng)用并不如同現(xiàn)今普及程度。隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，立足廣告角度對(duì)Flash系統(tǒng)動(dòng)圖進(jìn)行分析，可以發(fā)現(xiàn)動(dòng)圖設(shè)計(jì)更新速度較快，通過具有創(chuàng)意性的廣告，吸引瀏覽者的關(guān)注度。但現(xiàn)階段windows系統(tǒng)程序已經(jīng)不需要下載Flash系統(tǒng)軟件，便能夠?qū)崿F(xiàn)動(dòng)圖廣告的有效制作，這種方式能夠使廣告商更加方便的獲取利益，我國(guó)90%以上的網(wǎng)站可直接采取Flash系統(tǒng)圖像制作網(wǎng)頁廣告。比如新浪網(wǎng)、搜狐網(wǎng)等網(wǎng)站利用Flash系統(tǒng)動(dòng)態(tài)圖像設(shè)計(jì)軟件，制作的廣告數(shù)量較大，動(dòng)圖可增加信息的點(diǎn)擊量，微博利用Flash系統(tǒng)軟件，實(shí)現(xiàn)動(dòng)圖的高效處理，實(shí)現(xiàn)整體網(wǎng)頁效果，具有個(gè)性化主題。

4.3 休閑、單機(jī)游戲Flash系統(tǒng)動(dòng)圖

Flash系統(tǒng)動(dòng)圖利用交互式接口實(shí)現(xiàn)交互式動(dòng)圖，其中具備聲音、圖像、圖片、文字，屬于整合性動(dòng)態(tài)圖像，能夠?yàn)榻涣魈峁└嗟那?，使得休閑或者單機(jī)游戲受到更多上班族或者其他群體的喜愛，F(xiàn)lash系統(tǒng)軟件設(shè)計(jì)的游戲具備反饋能力，使得網(wǎng)絡(luò)游戲具備娛樂性，滿足人們的解壓需求。隨著網(wǎng)民對(duì)此類游戲關(guān)注度提升，使得網(wǎng)頁中加入較多的小游戲，這些游戲都是Flash軟件設(shè)計(jì)的游戲。Flash游戲經(jīng)過年的開發(fā)與應(yīng)用，游戲功能與管理方面依舊存在一定的問題，但隨著Flash Player 7的出現(xiàn)，使得系統(tǒng)功能進(jìn)一步提升，使原本Flash系統(tǒng)的5倍左右，性能的不斷提升，使得Flash系統(tǒng)開發(fā)的動(dòng)態(tài)圖像具有更高的品質(zhì)，進(jìn)入更高的層次，滿足現(xiàn)階段網(wǎng)民的基本需求。

4.4 網(wǎng)站首頁的動(dòng)圖應(yīng)用

人們進(jìn)入網(wǎng)站過程中，會(huì)出現(xiàn)一段動(dòng)圖體現(xiàn)網(wǎng)頁主題，經(jīng)過短時(shí)間的放映，伴隨音樂的播放，能夠?qū)⒅黝}內(nèi)容清晰表達(dá)，使用戶了解動(dòng)圖內(nèi)容，若用戶感興趣便可直接點(diǎn)擊動(dòng)圖，進(jìn)入主題內(nèi)容中。這種Flash動(dòng)畫是受到企業(yè)及人們歡迎的界面，但是隨著網(wǎng)頁開頭動(dòng)畫多數(shù)體現(xiàn)企業(yè)形象或者個(gè)人形象，在商務(wù)網(wǎng)站中不能適用。此類Flash動(dòng)畫圖像能夠使企業(yè)風(fēng)格體現(xiàn)，展示設(shè)計(jì)師思維，達(dá)到理想宣傳效果，成本較低，符合企業(yè)發(fā)展需求。因此設(shè)計(jì)師及企業(yè)對(duì)這種表現(xiàn)形式較為喜愛，使人產(chǎn)生深刻印象。

4.5 網(wǎng)頁導(dǎo)航中的動(dòng)圖應(yīng)用

Flash具備良好的分段處理及元素重組能力，結(jié)合Action Scitp對(duì)象控制，使得多媒體設(shè)計(jì)形成動(dòng)態(tài)及小巧的平臺(tái)。在網(wǎng)頁導(dǎo)航欄的應(yīng)用，能夠使瀏覽者更加有興趣去接受和點(diǎn)擊，使網(wǎng)站點(diǎn)擊人數(shù)不斷增加，建設(shè)電子商務(wù)市場(chǎng)，使網(wǎng)頁設(shè)計(jì)產(chǎn)生質(zhì)變，不斷提升產(chǎn)品美感，沖擊人們視野。網(wǎng)頁利用個(gè)性化及時(shí)尚化導(dǎo)航頁能吸引多數(shù)人目光，增加關(guān)注度。

4.6 在網(wǎng)頁色彩中的應(yīng)用

為使瀏覽者更關(guān)注度更高，色彩應(yīng)用是其中的重點(diǎn)。色彩變化能夠?qū)g覽者產(chǎn)生視覺沖擊，防止瀏覽者視覺疲乏。傳統(tǒng)網(wǎng)頁設(shè)計(jì)，圖片及色彩關(guān)注度不高，圖案作為說明放置一旁，并未進(jìn)行Flash動(dòng)畫處理，受眾對(duì)圖片并未關(guān)注。色彩在網(wǎng)頁設(shè)計(jì)中，并未進(jìn)行任何豐富的改變，只是使瀏覽者隨便一睹，網(wǎng)頁設(shè)計(jì)無法起到理想的表達(dá)效果。Flash系統(tǒng)制作的動(dòng)圖應(yīng)用于網(wǎng)頁設(shè)計(jì)中，優(yōu)勢(shì)便可有效展現(xiàn)，使網(wǎng)頁關(guān)注度及主體表達(dá)更加清晰。

5 結(jié)束語

社會(huì)經(jīng)濟(jì)處于不斷發(fā)展過程中，網(wǎng)絡(luò)處理技術(shù)及開發(fā)技術(shù)不斷發(fā)展，人們審美及藝術(shù)觀念不斷創(chuàng)新及改善。在網(wǎng)頁設(shè)計(jì)過程中應(yīng)當(dāng)思考多種因素，比如具備藝術(shù)、立體、創(chuàng)意等觀念，才能使網(wǎng)頁吸引受眾。此背景下，F(xiàn)lash動(dòng)圖的應(yīng)用能夠使得網(wǎng)頁體現(xiàn)以上幾種理念，滿足人們的個(gè)性化需求，實(shí)現(xiàn)理想的效果。在Flash系統(tǒng)不斷應(yīng)用過程中，F(xiàn)lash動(dòng)圖也會(huì)面臨眾多的挑戰(zhàn)，但技術(shù)不斷發(fā)展及新思維的不斷應(yīng)用，會(huì)使Flash系統(tǒng)為動(dòng)圖制作及網(wǎng)頁設(shè)計(jì)帶來更多的驚喜。