互聯(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), Flash動(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)圖被瀏覽者喜愛, Flash系統(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), Flash系統(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 傳遞高效性
外國研究人員利用眼動(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è)場景進(jìn)行思考, 盡可能將能夠利用的元素, 實(shí)現(xiàn)理想的氣氛, 表達(dá)理想效果依舊依靠Flash系統(tǒng), Flash系統(tǒng)動(dòng)態(tài)圖像也會(huì)使得瀏覽者情感產(chǎn)生共鳴, 調(diào)度瀏覽者情緒, 使瀏覽者關(guān)注度提升。
4.2 在收益性廣告中的應(yīng)用
我國網(wǎng)站網(wǎng)頁設(shè)計(jì)發(fā)展過程中, 多數(shù)利用GIF動(dòng)態(tài)圖, 我國早期網(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)圖廣告的有效制作, 這種方式能夠使廣告商更加方便的獲取利益, 我國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ī)游戲受到更多上班族或者其他群體的喜愛, Flash系統(tǒng)軟件設(shè)計(jì)的游戲具備反饋能力, 使得網(wǎng)絡(luò)游戲具備娛樂性, 滿足人們的解壓需求。隨著網(wǎng)民對(duì)此類游戲關(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ā)的動(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ù)市場, 使網(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á)更加清晰。