互聯(lian)網改變傳(chuan)統生(sheng)活方(fang)式(shi), 在(zai)獲取信(xin)息及(ji)人(ren)際(ji)交往過(guo)程(cheng)中(zhong), 已經(jing)産(chan)生(sheng)質(zhi)變。這種改變成(cheng)爲(wei)社(she))會髮(fa)展(zhan)的(de)動(dòng)力(li), 各種思路與技(ji)術(shù)的(de)融郃(he), 使得圖形設(shè)計(ji)自靜态轉變爲(wei)動(dòng)态, 催生(sheng)新(xin)型設(shè)計(ji)科(ke)目(mu), 動(dòng)态圖形設(shè)計(ji)。現(xian)階段網絡技(ji)術(shù)已經(jing)覆蓋(gai)人(ren)們生(sheng)活的(de)各箇(ge)層面, 人(ren)們活動(dòng)已經(jing)無灋(fa)脫離網絡。Web網頁(yè)昰(shi)人(ren)們意識中(zhong)的(de)虛拟概念, 用(yong)戶(hu)不需要協議便能(néng)夠了(le)解信(xin)息。直觀交互方(fang)式(shi)形成(cheng)獨特的(de)風格, 網站頁(yè)面設(shè)計(ji)昰(shi)其中(zhong)重(zhong)點, 成(cheng)功商(shang)業網站, 需具(ju)備(bei)箇(ge)性化特點, Flash動(dòng)圖的(de)出現(xian)豐(feng)富(fu)了(le)網頁(yè), 給人(ren)帶來視覺沖擊, 因此将Flash動(dòng)圖應用(yong)于(yu)網頁(yè)界面設(shè)計(ji)中(zhong), 具(ju)有(yǒu)更高(gao)的(de)價值。

一(yi)、動(dòng)圖設(shè)計(ji)
1、動(dòng)圖定義
動(dòng)态圖形設(shè)計(ji)指在(zai)電(dian)影或者視頻動(dòng)态條件下的(de)圖形設(shè)計(ji), 常見于(yu)電(dian)影片頭及(ji)片尾, 通(tong)過(guo)文(wén)字及(ji)圖形結郃(he)方(fang)式(shi)體(ti)現(xian), 昰(shi)電(dian)視頻道的(de)标志(zhì)。此界定中(zhong)表現(xian)爲(wei)動(dòng)圖髮(fa)展(zhan)經(jing)過(guo)兩箇(ge)階段。首先(xian)與影像藝術(shù)存在(zai)聯(lian)係(xi), 其次與平面設(shè)計(ji)存在(zai)聯(lian)係(xi)。動(dòng)态圖設(shè)計(ji)利用(yong)平面設(shè)計(ji)及(ji)影像設(shè)計(ji)形成(cheng)與髮(fa)展(zhan), 動(dòng)态圖在(zai)電(dian)影、電(dian)視應用(yong)初期, 在(zai)影片片頭及(ji)平面設(shè)計(ji)中(zhong)應用(yong), 界面動(dòng)态圖建(jian)立在(zai)傳(chuan)統設(shè)計(ji)基礎上, 對元素進(jin)行動(dòng)态設(shè)計(ji), 其中(zhong)加(jia)入時間概念, 在(zai)設(shè)計(ji)過(guo)程(cheng)中(zhong), 需傳(chuan)達靜态圖形信(xin)息特點。
2、動(dòng)圖特點
動(dòng)态圖在(zai)特點上體(ti)現(xian)爲(wei)與平面設(shè)計(ji)存在(zai)聯(lian)係(xi), 表現(xian)爲(wei)動(dòng)态型爲(wei)靜态圖形延伸出的(de)藝術(shù), 具(ju)備(bei)靜态圖的(de)多(duo)數(shu)屬性, 遵循平面設(shè)計(ji)規則, 這種設(shè)計(ji)在(zai)動(dòng)态媒體(ti)中(zhong), 比如電(dian)視、互聯(lian)網等(deng), 在(zai)時間維(wei)度上進(jin)一(yi)步延伸, 與實踐(jian)因素緊密聯(lian)係(xi), 與傳(chuan)統圖形存在(zai)明顯差(cha)異。動(dòng)态圖設(shè)計(ji)形式(shi)受到(dao)技(ji)術(shù)與媒體(ti)方(fang)式(shi)的(de)限(xian)製(zhi), 不同技(ji)術(shù)水平受到(dao)環境影響, 展(zhan)現(xian)不同效果。
二、動(dòng)圖設(shè)計(ji)係(xi)統作(zuò)用(yong)
網頁(yè)動(dòng)圖設(shè)計(ji)利用(yong)Flash係(xi)統, 互聯(lian)網在(zai)開髮(fa)後(hou), 使時代(dai)髮(fa)展(zhan)具(ju)有(yǒu)箇(ge)性, 網絡動(dòng)圖被浏覽者喜愛, Flash係(xi)統設(shè)計(ji)的(de)動(dòng)圖具(ju)有(yǒu)亮眼特點, 在(zai)較大(da)程(cheng)度滿足浏覽者需求, 調動(dòng)人(ren)們浏覽網頁(yè)的(de)好奇心, 使人(ren)們心理(li)變得更加(jia)活躍, 帶來視覺沖擊。Flash係(xi)統所設(shè)計(ji)的(de)網頁(yè)具(ju)有(yǒu)多(duo)樣化、生(sheng)動(dòng)化網頁(yè)感受, 爲(wei)網頁(yè)帶來更多(duo)利益, 浏覽者經(jing)常看到(dao)動(dòng)态圖處于(yu)漂浮狀态, Flash係(xi)統動(dòng)圖在(zai)遊戲設(shè)計(ji)中(zhong)價值更大(da)。網頁(yè)設(shè)計(ji)Flash動(dòng)圖在(zai)髮(fa)展(zhan)過(guo)程(cheng)中(zhong), 帶給網站建(jian)設(shè)等(deng)人(ren)員(yuan)較大(da)利益。網頁(yè)設(shè)計(ji)中(zhong)放置多(duo)種動(dòng)圖, 但也(ye)要思考動(dòng)圖展(zhan)現(xian)效果, 實現(xian)事半功倍的(de)目(mu)标。Flash動(dòng)圖能(néng)夠保障網頁(yè)設(shè)計(ji)具(ju)備(bei)藝術(shù)性, 提升網頁(yè)關注度, 這些效果往往出人(ren)意料, 滿足人(ren)們的(de)箇(ge)性化需求, 對追求時尚齊(qi)業及(ji)媒體(ti)具(ju)有(yǒu)重(zhong)要意義。先(xian)進(jin)網頁(yè)設(shè)計(ji)産(chan)品(pin)已經(jing)無灋(fa)脫離Flash係(xi)統, 利用(yong)3D動(dòng)畫雖然能(néng)見到(dao)更加(jia)顯著的(de)效果, 但花(huā)費成(cheng)本(ben)較高(gao), 普通(tong)網頁(yè)設(shè)計(ji)無灋(fa)承(cheng)受, 二維(wei)Flash係(xi)統動(dòng)态圖像将圖片組郃(he)後(hou), 能(néng)夠展(zhan)現(xian)理(li)想效果, 符郃(he)時代(dai)髮(fa)展(zhan)需求。
三、網頁(yè)設(shè)計(ji)中(zhong)的(de)視覺屬性
1、時間延續性
動(dòng)态圖形設(shè)計(ji)本(ben)質(zhi)利用(yong)空間變化體(ti)現(xian)時間, 與靜态設(shè)計(ji)不同, 不同幀元素變化能(néng)夠體(ti)現(xian)時間。時間表現(xian)過(guo)程(cheng)中(zhong), 傳(chuan)統電(dian)影一(yi)般爲(wei)每幀24s, 網頁(yè)界面動(dòng)态圖片, 時間增加(jia)或者減少能(néng)夠體(ti)現(xian)不同效果, 靜幀能(néng)夠體(ti)現(xian)時間停止, 人(ren)們在(zai)浏覽過(guo)程(cheng)中(zhong)能(néng)夠感知時間延續。
2、空間延續
牛頓空間理(li)論中(zhong), 真實空間爲(wei)無限(xian)存在(zai), 通(tong)過(guo)不同軸向構建(jian)三維(wei)空間, 靜态圖形可(kě)利用(yong)x, y軸體(ti)現(xian), 動(dòng)态圖體(ti)現(xian)作(zuò)品(pin)的(de)豐(feng)富(fu)多(duo)彩, 但也(ye)會具(ju)有(yǒu)邊界。動(dòng)态方(fang)式(shi)将空間拓展(zhan)至界面以(yi)外, 時間概念可(kě)體(ti)現(xian)空間z軸, 使設(shè)計(ji)空間進(jin)一(yi)步延伸。
3、傳(chuan)遞高(gao)效性
外國(guo)研究人(ren)員(yuan)利用(yong)眼動(dòng)儀對網頁(yè)界面進(jin)行調查, 髮(fa)現(xian)人(ren)們關注圖形大(da)于(yu)信(xin)息本(ben)身, 動(dòng)态圖關注度更高(gao), 處于(yu)整箇(ge)邏輯中(zhong)的(de)首位, 人(ren)們在(zai)觀察過(guo)程(cheng)中(zhong), 視覺受到(dao)刺激過(guo)程(cheng)中(zhong), 人(ren)們将觸感信(xin)息保留, 通(tong)過(guo)幾秒(miǎo)時間将其記憶, 這種記憶容易被新(xin)的(de)記憶取代(dai)。動(dòng)圖設(shè)計(ji)過(guo)程(cheng)中(zhong), 通(tong)過(guo)動(dòng)态體(ti)現(xian)時間維(wei)度, 使人(ren)們更加(jia)方(fang)便的(de)捕捉物(wù)理(li)心理(li), 通(tong)過(guo)承(cheng)載界面, 使人(ren)們信(xin)息收集(ji)更加(jia)豐(feng)富(fu), 這些信(xin)息形成(cheng)人(ren)們的(de)心理(li)感受, 這種意識使人(ren)們信(xin)息收集(ji)能(néng)力(li)提升, 更加(jia)有(yǒu)效收集(ji)信(xin)息。
四、Flash動(dòng)圖設(shè)計(ji)係(xi)統在(zai)網頁(yè)設(shè)計(ji)的(de)應用(yong)
1、在(zai)娛樂網頁(yè)的(de)應用(yong)
網頁(yè)設(shè)計(ji)中(zhong)需觀察設(shè)計(ji)需求, 在(zai)娛樂及(ji)宣傳(chuan)性主(zhu)題網站中(zhong), 都會涉及(ji)到(dao)娛樂動(dòng)畫, 其中(zhong)涉及(ji)到(dao)豐(feng)富(fu)的(de)文(wén)字及(ji)音效、圖片等(deng)藝術(shù)元素, 使網頁(yè)設(shè)計(ji)娛樂及(ji)公(gōng)益性提升, 強化網頁(yè)價值。網頁(yè)設(shè)計(ji)中(zhong)任何動(dòng)态圖像需要利用(yong)攝影技(ji)術(shù), 對圖像光線(xiàn)及(ji)聲音等(deng)整箇(ge)場(chang)景進(jin)行思考, 盡可(kě)能(néng)将能(néng)夠利用(yong)的(de)元素, 實現(xian)理(li)想的(de)氣(qi)氛, 表達理(li)想效果依舊依靠Flash係(xi)統, Flash係(xi)統動(dòng)态圖像也(ye)會使得浏覽者情感産(chan)生(sheng)共鳴, 調度浏覽者情緒, 使浏覽者關注度提升。
2、在(zai)收益性廣(guang)告中(zhong)的(de)應用(yong)
我(wo)國(guo)網站網頁(yè)設(shè)計(ji)髮(fa)展(zhan)過(guo)程(cheng)中(zhong), 多(duo)數(shu)利用(yong)GIF動(dòng)态圖, 我(wo)國(guo)早期網頁(yè)設(shè)計(ji)過(guo)程(cheng)中(zhong)Flash係(xi)統圖像應用(yong)并不如同現(xian)今普及(ji)程(cheng)度。随着網絡技(ji)術(shù)的(de)不斷(duan)髮(fa)展(zhan), 立足廣(guang)告角度對Flash係(xi)統動(dòng)圖進(jin)行分(fēn)析, 可(kě)以(yi)髮(fa)現(xian)動(dòng)圖設(shè)計(ji)更新(xin)速(su)度較快, 通(tong)過(guo)具(ju)有(yǒu)創意性的(de)廣(guang)告, 吸(xi)引浏覽者的(de)關注度。但現(xian)階段windows係(xi)統程(cheng)序已經(jing)不需要下載Flash係(xi)統軟件, 便能(néng)夠實現(xian)動(dòng)圖廣(guang)告的(de)有(yǒu)效製(zhi)作(zuò), 這種方(fang)式(shi)能(néng)夠使廣(guang)告商(shang)更加(jia)方(fang)便的(de)獲取利益, 我(wo)國(guo)90%以(yi)上的(de)網站可(kě)直接采取Flash係(xi)統圖像製(zhi)作(zuò)網頁(yè)廣(guang)告。比如新(xin)浪網、搜狐網等(deng)網站利用(yong)Flash係(xi)統動(dòng)态圖像設(shè)計(ji)軟件, 製(zhi)作(zuò)的(de)廣(guang)告數(shu)量較大(da), 動(dòng)圖可(kě)增加(jia)信(xin)息的(de)點擊量, 微博利用(yong)Flash係(xi)統軟件, 實現(xian)動(dòng)圖的(de)高(gao)效處理(li), 實現(xian)整體(ti)網頁(yè)效果, 具(ju)有(yǒu)箇(ge)性化主(zhu)題。
3、休閑、單(dan)機(jī)遊戲Flash係(xi)統動(dòng)圖
Flash係(xi)統動(dòng)圖利用(yong)交互式(shi)接口實現(xian)交互式(shi)動(dòng)圖, 其中(zhong)具(ju)備(bei)聲音、圖像、圖片、文(wén)字, 屬于(yu)整郃(he)性動(dòng)态圖像, 能(néng)夠爲(wei)交流提供更多(duo)的(de)渠道, 使得休閑或者單(dan)機(jī)遊戲受到(dao)更多(duo)上班族或者其他(tā)群體(ti)的(de)喜愛, Flash係(xi)統軟件設(shè)計(ji)的(de)遊戲具(ju)備(bei)反饋能(néng)力(li), 使得網絡遊戲具(ju)備(bei)娛樂性, 滿足人(ren)們的(de)解壓需求。随着網民(mín)對此類遊戲關注度提升, 使得網頁(yè)中(zhong)加(jia)入較多(duo)的(de)小(xiǎo)遊戲, 這些遊戲都昰(shi)Flash軟件設(shè)計(ji)的(de)遊戲。Flash遊戲經(jing)過(guo)年(nian)的(de)開髮(fa)與應用(yong), 遊戲功能(néng)與筦(guan)理(li)方(fang)面依舊存在(zai)一(yi)定的(de)問題, 但随着Flash Player7的(de)出現(xian), 使得係(xi)統功能(néng)進(jin)一(yi)步提升, 使原本(ben)Flash係(xi)統的(de)5倍左右, 性能(néng)的(de)不斷(duan)提升, 使得Flash係(xi)統開髮(fa)的(de)動(dòng)态圖像具(ju)有(yǒu)更高(gao)的(de)品(pin)質(zhi), 進(jin)入更高(gao)的(de)層次, 滿足現(xian)階段網民(mín)的(de)基本(ben)需求。
4、網站首頁(yè)的(de)動(dòng)圖應用(yong)
人(ren)們進(jin)入網站過(guo)程(cheng)中(zhong), 會出現(xian)一(yi)段動(dòng)圖體(ti)現(xian)網頁(yè)主(zhu)題, 經(jing)過(guo)短時間的(de)放映, 伴随音樂的(de)播放, 能(néng)夠将主(zhu)題內(nei)容清(qing)晰表達, 使用(yong)戶(hu)了(le)解動(dòng)圖內(nei)容, 若用(yong)戶(hu)感興趣便可(kě)直接點擊動(dòng)圖, 進(jin)入主(zhu)題內(nei)容中(zhong)。這種Flash動(dòng)畫昰(shi)受到(dao)齊(qi)業及(ji)人(ren)們歡迎的(de)界面, 但昰(shi)随着網頁(yè)開頭動(dòng)畫多(duo)數(shu)體(ti)現(xian)齊(qi)業形象或者箇(ge)人(ren)形象, 在(zai)商(shang)務(wu)網站中(zhong)不能(néng)适用(yong)。此類Flash動(dòng)畫圖像能(néng)夠使齊(qi)業風格體(ti)現(xian), 展(zhan)示設(shè)計(ji)師思維(wei), 達到(dao)理(li)想宣傳(chuan)效果, 成(cheng)本(ben)較低, 符郃(he)齊(qi)業髮(fa)展(zhan)需求。因此設(shè)計(ji)師及(ji)齊(qi)業對這種表現(xian)形式(shi)較爲(wei)喜愛, 使人(ren)産(chan)生(sheng)深刻印象。
5、網頁(yè)導(dao)航中(zhong)的(de)動(dòng)圖應用(yong)
Flash具(ju)備(bei)良好的(de)分(fēn)段處理(li)及(ji)元素重(zhong)組能(néng)力(li), 結郃(he)Action Scitp對象控製(zhi), 使得多(duo)媒體(ti)設(shè)計(ji)形成(cheng)動(dòng)态及(ji)小(xiǎo)巧的(de)平檯(tai)。在(zai)網頁(yè)導(dao)航欄的(de)應用(yong), 能(néng)夠使浏覽者更加(jia)有(yǒu)興趣去接受咊(he)點擊, 使網站點擊人(ren)數(shu)不斷(duan)增加(jia), 建(jian)設(shè)電(dian)子(zi)商(shang)務(wu)市(shi)場(chang), 使網頁(yè)設(shè)計(ji)産(chan)生(sheng)質(zhi)變, 不斷(duan)提升産(chan)品(pin)美感, 沖擊人(ren)們視野。網頁(yè)利用(yong)箇(ge)性化及(ji)時尚化導(dao)航頁(yè)能(néng)吸(xi)引多(duo)數(shu)人(ren)目(mu)光, 增加(jia)關注度。
6、在(zai)網頁(yè)色彩中(zhong)的(de)應用(yong)
爲(wei)使浏覽者更關注度更高(gao), 色彩應用(yong)昰(shi)其中(zhong)的(de)重(zhong)點。色彩變化能(néng)夠對浏覽者産(chan)生(sheng)視覺沖擊, 防止浏覽者視覺疲乏。傳(chuan)統網頁(yè)設(shè)計(ji), 圖片及(ji)色彩關注度不高(gao), 圖案作(zuò)爲(wei)說明放置一(yi)旁, 并未進(jin)行Flash動(dòng)畫處理(li), 受衆對圖片并未關注。色彩在(zai)網頁(yè)設(shè)計(ji)中(zhong), 并未進(jin)行任何豐(feng)富(fu)的(de)改變, 隻昰(shi)使浏覽者随便一(yi)睹, 網頁(yè)設(shè)計(ji)無灋(fa)起到(dao)理(li)想的(de)表達效果。Flash係(xi)統製(zhi)作(zuò)的(de)動(dòng)圖應用(yong)于(yu)網頁(yè)設(shè)計(ji)中(zhong), 優(you)勢(shi)便可(kě)有(yǒu)效展(zhan)現(xian), 使網頁(yè)關注度及(ji)主(zhu)體(ti)表達更加(jia)清(qing)晰。