互聯(lián)網(wǎng)改變傳統(tǒng)生活方式, 在獲取信息及人際交往過程中, 已經(jīng)產(chǎn)生質(zhì)變。這種改變成為社會發(fā)展的動力, 各種思路與技術(shù)的融合, 使得圖形設(shè)計(jì)自靜態(tài)轉(zhuǎn)變?yōu)閯討B(tài), 催生新型設(shè)計(jì)科目, 動態(tài)圖形設(shè)計(jì)?，F(xiàn)階段網(wǎng)絡(luò)技術(shù)已經(jīng)覆蓋人們生活的各個(gè)層面, 人們活動已經(jīng)無法脫離網(wǎng)絡(luò)。Web網(wǎng)頁是人們意識中的虛擬概念, 用戶不需要協(xié)議便能夠了解信息。直觀交互方式形成獨(dú)特的風(fēng)格, 網(wǎng)站頁面設(shè)計(jì)是其中重點(diǎn), 成功商業(yè)網(wǎng)站, 需具備個(gè)性化特點(diǎn), Flash動圖的出現(xiàn)豐富了網(wǎng)頁, 給人帶來視覺沖擊, 因此將Flash動圖應(yīng)用于網(wǎng)頁界面設(shè)計(jì)中, 具有更高的價(jià)值。
1 動圖設(shè)計(jì)
1.1 動圖定義
動態(tài)圖形設(shè)計(jì)指在電影或者視頻動態(tài)條件下的圖形設(shè)計(jì), 常見于電影片頭及片尾, 通過文字及圖形結(jié)合方式體現(xiàn), 是電視頻道的標(biāo)志。此界定中表現(xiàn)為動圖發(fā)展經(jīng)過兩個(gè)階段。首先與影像藝術(shù)存在聯(lián)系, 其次與平面設(shè)計(jì)存在聯(lián)系。動態(tài)圖設(shè)計(jì)利用平面設(shè)計(jì)及影像設(shè)計(jì)形成與發(fā)展, 動態(tài)圖在電影、電視應(yīng)用初期, 在影片片頭及平面設(shè)計(jì)中應(yīng)用, 界面動態(tài)圖建立在傳統(tǒng)設(shè)計(jì)基礎(chǔ)上, 對元素進(jìn)行動態(tài)設(shè)計(jì), 其中加入時(shí)間概念, 在設(shè)計(jì)過程中, 需傳達(dá)靜態(tài)圖形信息特點(diǎn)。
1.2 動圖特點(diǎn)
動態(tài)圖在特點(diǎn)上體現(xiàn)為與平面設(shè)計(jì)存在聯(lián)系, 表現(xiàn)為動態(tài)型為靜態(tài)圖形延伸出的藝術(shù), 具備靜態(tài)圖的多數(shù)屬性, 遵循平面設(shè)計(jì)規(guī)則, 這種設(shè)計(jì)在動態(tài)媒體中, 比如電視、互聯(lián)網(wǎng)等, 在時(shí)間維度上進(jìn)一步延伸, 與實(shí)踐因素緊密聯(lián)系, 與傳統(tǒng)圖形存在明顯差異。動態(tài)圖設(shè)計(jì)形式受到技術(shù)與媒體方式的限制, 不同技術(shù)水平受到環(huán)境影響, 展現(xiàn)不同效果。
2 動圖設(shè)計(jì)系統(tǒng)作用
網(wǎng)頁動圖設(shè)計(jì)利用Flash系統(tǒng), 互聯(lián)網(wǎng)在開發(fā)后, 使時(shí)代發(fā)展具有個(gè)性, 網(wǎng)絡(luò)動圖被瀏覽者喜愛, Flash系統(tǒng)設(shè)計(jì)的動圖具有亮眼特點(diǎn), 在較大程度滿足瀏覽者需求, 調(diào)動人們?yōu)g覽網(wǎng)頁的好奇心, 使人們心理變得更加活躍, 帶來視覺沖擊。Flash系統(tǒng)所設(shè)計(jì)的網(wǎng)頁具有多樣化、生動化網(wǎng)頁感受, 為網(wǎng)頁帶來更多利益, 瀏覽者經(jīng)常看到動態(tài)圖處于漂浮狀態(tài), Flash系統(tǒng)動圖在游戲設(shè)計(jì)中價(jià)值更大。網(wǎng)頁設(shè)計(jì)Flash動圖在發(fā)展過程中, 帶給網(wǎng)站建設(shè)等人員較大利益。網(wǎng)頁設(shè)計(jì)中放置多種動圖, 但也要思考動圖展現(xiàn)效果, 實(shí)現(xiàn)事半功倍的目標(biāo)。Flash動圖能夠保障網(wǎng)頁設(shè)計(jì)具備藝術(shù)性, 提升網(wǎng)頁關(guān)注度, 這些效果往往出人意料, 滿足人們的個(gè)性化需求, 對追求時(shí)尚企業(yè)及媒體具有重要意義。先進(jìn)網(wǎng)頁設(shè)計(jì)產(chǎn)品已經(jīng)無法脫離Flash系統(tǒng), 利用3D動畫雖然能見到更加顯著的效果, 但花費(fèi)成本較高, 普通網(wǎng)頁設(shè)計(jì)無法承受, 二維Flash系統(tǒng)動態(tài)圖像將圖片組合后, 能夠展現(xiàn)理想效果, 符合時(shí)代發(fā)展需求。
3 網(wǎng)頁設(shè)計(jì)中的視覺屬性
3.1 時(shí)間延續(xù)性
動態(tài)圖形設(shè)計(jì)本質(zhì)利用空間變化體現(xiàn)時(shí)間, 與靜態(tài)設(shè)計(jì)不同, 不同幀元素變化能夠體現(xiàn)時(shí)間。時(shí)間表現(xiàn)過程中, 傳統(tǒng)電影一般為每幀24s, 網(wǎng)頁界面動態(tài)圖片, 時(shí)間增加或者減少能夠體現(xiàn)不同效果, 靜幀能夠體現(xiàn)時(shí)間停止, 人們在瀏覽過程中能夠感知時(shí)間延續(xù)。
3.2 空間延續(xù)
牛頓空間理論中, 真實(shí)空間為無限存在, 通過不同軸向構(gòu)建三維空間, 靜態(tài)圖形可利用x, y軸體現(xiàn), 動態(tài)圖體現(xiàn)作品的豐富多彩, 但也會具有邊界。動態(tài)方式將空間拓展至界面以外, 時(shí)間概念可體現(xiàn)空間z軸, 使設(shè)計(jì)空間進(jìn)一步延伸。
3.3 傳遞高效性
外國研究人員利用眼動儀對網(wǎng)頁界面進(jìn)行調(diào)查, 發(fā)現(xiàn)人們關(guān)注圖形大于信息本身, 動態(tài)圖關(guān)注度更高, 處于整個(gè)邏輯中的首位, 人們在觀察過程中, 視覺受到刺激過程中, 人們將觸感信息保留, 通過幾秒時(shí)間將其記憶, 這種記憶容易被新的記憶取代。動圖設(shè)計(jì)過程中, 通過動態(tài)體現(xiàn)時(shí)間維度, 使人們更加方便的捕捉物理心理, 通過承載界面, 使人們信息收集更加豐富, 這些信息形成人們的心理感受, 這種意識使人們信息收集能力提升, 更加有效收集信息。
4 Flash動圖設(shè)計(jì)系統(tǒng)在網(wǎng)頁設(shè)計(jì)的應(yīng)用
4.1 在娛樂網(wǎng)頁的應(yīng)用
網(wǎng)頁設(shè)計(jì)中需觀察設(shè)計(jì)需求, 在娛樂及宣傳性主題網(wǎng)站中, 都會涉及到娛樂動畫, 其中涉及到豐富的文字及音效、圖片等藝術(shù)元素, 使網(wǎng)頁設(shè)計(jì)娛樂及公益性提升, 強(qiáng)化網(wǎng)頁價(jià)值。網(wǎng)頁設(shè)計(jì)中任何動態(tài)圖像需要利用攝影技術(shù), 對圖像光線及聲音等整個(gè)場景進(jìn)行思考, 盡可能將能夠利用的元素, 實(shí)現(xiàn)理想的氣氛, 表達(dá)理想效果依舊依靠Flash系統(tǒng), Flash系統(tǒng)動態(tài)圖像也會使得瀏覽者情感產(chǎn)生共鳴, 調(diào)度瀏覽者情緒, 使瀏覽者關(guān)注度提升。
4.2 在收益性廣告中的應(yīng)用
我國網(wǎng)站網(wǎng)頁設(shè)計(jì)發(fā)展過程中, 多數(shù)利用GIF動態(tài)圖, 我國早期網(wǎng)頁設(shè)計(jì)過程中Flash系統(tǒng)圖像應(yīng)用并不如同現(xiàn)今普及程度。隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展, 立足廣告角度對Flash系統(tǒng)動圖進(jìn)行分析, 可以發(fā)現(xiàn)動圖設(shè)計(jì)更新速度較快, 通過具有創(chuàng)意性的廣告, 吸引瀏覽者的關(guān)注度。但現(xiàn)階段windows系統(tǒng)程序已經(jīng)不需要下載Flash系統(tǒng)軟件, 便能夠?qū)崿F(xiàn)動圖廣告的有效制作, 這種方式能夠使廣告商更加方便的獲取利益, 我國90%以上的網(wǎng)站可直接采取Flash系統(tǒng)圖像制作網(wǎng)頁廣告。比如新浪網(wǎng)、搜狐網(wǎng)等網(wǎng)站利用Flash系統(tǒng)動態(tài)圖像設(shè)計(jì)軟件, 制作的廣告數(shù)量較大, 動圖可增加信息的點(diǎn)擊量, 微博利用Flash系統(tǒng)軟件, 實(shí)現(xiàn)動圖的高效處理, 實(shí)現(xiàn)整體網(wǎng)頁效果, 具有個(gè)性化主題。
4.3 休閑、單機(jī)游戲Flash系統(tǒng)動圖
Flash系統(tǒng)動圖利用交互式接口實(shí)現(xiàn)交互式動圖, 其中具備聲音、圖像、圖片、文字, 屬于整合性動態(tài)圖像, 能夠?yàn)榻涣魈峁└嗟那? 使得休閑或者單機(jī)游戲受到更多上班族或者其他群體的喜愛, Flash系統(tǒng)軟件設(shè)計(jì)的游戲具備反饋能力, 使得網(wǎng)絡(luò)游戲具備娛樂性, 滿足人們的解壓需求。隨著網(wǎng)民對此類游戲關(guān)注度提升, 使得網(wǎng)頁中加入較多的小游戲, 這些游戲都是Flash軟件設(shè)計(jì)的游戲。Flash游戲經(jīng)過年的開發(fā)與應(yīng)用, 游戲功能與管理方面依舊存在一定的問題, 但隨著Flash Player7的出現(xiàn), 使得系統(tǒng)功能進(jìn)一步提升, 使原本Flash系統(tǒng)的5倍左右, 性能的不斷提升, 使得Flash系統(tǒng)開發(fā)的動態(tài)圖像具有更高的品質(zhì), 進(jìn)入更高的層次, 滿足現(xiàn)階段網(wǎng)民的基本需求。
4.4 網(wǎng)站首頁的動圖應(yīng)用
人們進(jìn)入網(wǎng)站過程中, 會出現(xiàn)一段動圖體現(xiàn)網(wǎng)頁主題, 經(jīng)過短時(shí)間的放映, 伴隨音樂的播放, 能夠?qū)⒅黝}內(nèi)容清晰表達(dá), 使用戶了解動圖內(nèi)容, 若用戶感興趣便可直接點(diǎn)擊動圖, 進(jìn)入主題內(nèi)容中。這種Flash動畫是受到企業(yè)及人們歡迎的界面, 但是隨著網(wǎng)頁開頭動畫多數(shù)體現(xiàn)企業(yè)形象或者個(gè)人形象, 在商務(wù)網(wǎng)站中不能適用。此類Flash動畫圖像能夠使企業(yè)風(fēng)格體現(xiàn), 展示設(shè)計(jì)師思維, 達(dá)到理想宣傳效果, 成本較低, 符合企業(yè)發(fā)展需求。因此設(shè)計(jì)師及企業(yè)對這種表現(xiàn)形式較為喜愛, 使人產(chǎn)生深刻印象。
4.5 網(wǎng)頁導(dǎo)航中的動圖應(yīng)用
Flash具備良好的分段處理及元素重組能力, 結(jié)合Action Scitp對象控制, 使得多媒體設(shè)計(jì)形成動態(tài)及小巧的平臺。在網(wǎng)頁導(dǎo)航欄的應(yīng)用, 能夠使瀏覽者更加有興趣去接受和點(diǎn)擊, 使網(wǎng)站點(diǎn)擊人數(shù)不斷增加, 建設(shè)電子商務(wù)市場, 使網(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動畫處理, 受眾對圖片并未關(guān)注。色彩在網(wǎng)頁設(shè)計(jì)中, 并未進(jìn)行任何豐富的改變, 只是使瀏覽者隨便一睹, 網(wǎng)頁設(shè)計(jì)無法起到理想的表達(dá)效果。Flash系統(tǒng)制作的動圖應(yīng)用于網(wǎng)頁設(shè)計(jì)中, 優(yōu)勢便可有效展現(xiàn), 使網(wǎng)頁關(guān)注度及主體表達(dá)更加清晰。