網頁設計動圖繪制系統反思

前言:尋找寫作靈感?中文期刊網用心挑選的網頁設計動圖繪制系統反思,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。

網頁設計動圖繪制系統反思

摘要:互聯網技術的產生與發展使人們進入信息化時代,實物信息傳遞方式轉變為網絡虛擬傳輸,網絡界面要求不斷提升。文化及技術多樣化發展,動態媒體使圖片由靜態轉變為動態,產生動態圖形設計。動態圖像表達已經成為一種主流表達方式,改變靜態空間的乏味感,使信息表達更加生動,具備交互體驗。本次實踐探討網頁界面設計動圖優勢,論述Flash系統網頁設計的中的應用。

關鍵詞:網頁;互聯網;動圖設計系統

互聯網改變傳統生活方式,在獲取信息及人際交往過程中,已經產生質變。這種改變成為社會發展的動力,各種思路與技術的融合,使得圖形設計自靜態轉變為動態,催生新型設計科目,動態圖形設計?,F階段網絡技術已經覆蓋人們生活的各個層面,人們活動已經無法脫離網絡。Web網頁是人們意識中的虛擬概念,用戶不需要協議便能夠了解信息。直觀交互方式形成獨特的風格,網站頁面設計是其中重點,成功商業網站,需具備個性化特點,Flash動圖的出現豐富了網頁,給人帶來視覺沖擊,因此將Flash動圖應用于網頁界面設計中,具有更高的價值。

1動圖設計

1.1動圖定義

動態圖形設計指在電影或者視頻動態條件下的圖形設計,常見于電影片頭及片尾,通過文字及圖形結合方式體現,是電視頻道的標志。此界定中表現為動圖發展經過兩個階段。首先與影像藝術存在聯系,其次與平面設計存在聯系。動態圖設計利用平面設計及影像設計形成與發展,動態圖在電影、電視應用初期,在影片片頭及平面設計中應用,界面動態圖建立在傳統設計基礎上,對元素進行動態設計,其中加入時間概念,在設計過程中,需傳達靜態圖形信息特點。

1.2動圖特點

動態圖在特點上體現為與平面設計存在聯系,表現為動態型為靜態圖形延伸出的藝術,具備靜態圖的多數屬性,遵循平面設計規則,這種設計在動態媒體中,比如電視、互聯網等,在時間維度上進一步延伸,與實踐因素緊密聯系,與傳統圖形存在明顯差異。動態圖設計形式受到技術與媒體方式的限制,不同技術水平受到環境影響,展現不同效果。

2動圖設計系統作用

網頁動圖設計利用Flash系統,互聯網在開發后,使時展具有個性,網絡動圖被瀏覽者喜愛,Flash系統設計的動圖具有亮眼特點,在較大程度滿足瀏覽者需求,調動人們瀏覽網頁的好奇心,使人們心理變得更加活躍,帶來視覺沖擊。Flash系統所設計的網頁具有多樣化、生動化網頁感受,為網頁帶來更多利益,瀏覽者經??吹絼討B圖處于漂浮狀態,Flash系統動圖在游戲設計中價值更大。網頁設計Flash動圖在發展過程中,帶給網站建設等人員較大利益。網頁設計中放置多種動圖,但也要思考動圖展現效果,實現事半功倍的目標。Flash動圖能夠保障網頁設計具備藝術性,提升網頁關注度,這些效果往往出人意料,滿足人們的個性化需求,對追求時尚企業及媒體具有重要意義。先進網頁設計產品已經無法脫離Flash系統,利用3D動畫雖然能見到更加顯著的效果,但花費成本較高,普通網頁設計無法承受,二維Flash系統動態圖像將圖片組合后,能夠展現理想效果,符合時展需求。

3網頁設計中的視覺屬性

3.1時間延續性

動態圖形設計本質利用空間變化體現時間,與靜態設計不同,不同幀元素變化能夠體現時間。時間表現過程中,傳統電影一般為每幀24s,網頁界面動態圖片,時間增加或者減少能夠體現不同效果,靜幀能夠體現時間停止,人們在瀏覽過程中能夠感知時間延續。

3.2空間延續

牛頓空間理論中,真實空間為無限存在,通過不同軸向構建三維空間,靜態圖形可利用x,y軸體現,動態圖體現作品的豐富多彩,但也會具有邊界。動態方式將空間拓展至界面以外,時間概念可體現空間z軸,使設計空間進一步延伸。

3.3傳遞高效性

外國研究人員利用眼動儀對網頁界面進行調查,發現人們關注圖形大于信息本身,動態圖關注度更高,處于整個邏輯中的首位,人們在觀察過程中,視覺受到刺激過程中,人們將觸感信息保留,通過幾秒時間將其記憶,這種記憶容易被新的記憶取代。動圖設計過程中,通過動態體現時間維度,使人們更加方便的捕捉物理心理,通過承載界面,使人們信息收集更加豐富,這些信息形成人們的心理感受,這種意識使人們信息收集能力提升,更加有效收集信息。

4Flash動圖設計系統在網頁設計的應用

4.1在娛樂網頁的應用

網頁設計中需觀察設計需求,在娛樂及宣傳性主題網站中,都會涉及到娛樂動畫,其中涉及到豐富的文字及音效、圖片等藝術元素,使網頁設計娛樂及公益性提升,強化網頁價值。網頁設計中任何動態圖像需要利用攝影技術,對圖像光線及聲音等整個場景進行思考,盡可能將能夠利用的元素,實現理想的氣氛,表達理想效果依舊依靠Flash系統,Flash系統動態圖像也會使得瀏覽者情感產生共鳴,調度瀏覽者情緒,使瀏覽者關注度提升。

4.2在收益性廣告中的應用

我國網站網頁設計發展過程中,多數利用GIF動態圖,我國早期網頁設計過程中Flash系統圖像應用并不如同現今普及程度。隨著網絡技術的不斷發展,立足廣告角度對Flash系統動圖進行分析,可以發現動圖設計更新速度較快,通過具有創意性的廣告,吸引瀏覽者的關注度。但現階段windows系統程序已經不需要下載Flash系統軟件,便能夠實現動圖廣告的有效制作,這種方式能夠使廣告商更加方便的獲取利益,我國90%以上的網站可直接采取Flash系統圖像制作網頁廣告。比如新浪網、搜狐網等網站利用Flash系統動態圖像設計軟件,制作的廣告數量較大,動圖可增加信息的點擊量,微博利用Flash系統軟件,實現動圖的高效處理,實現整體網頁效果,具有個性化主題。

4.3休閑、單機游戲Flash系統動圖

Flash系統動圖利用交互式接口實現交互式動圖,其中具備聲音、圖像、圖片、文字,屬于整合性動態圖像,能夠為交流提供更多的渠道,使得休閑或者單機游戲受到更多上班族或者其他群體的喜愛,Flash系統軟件設計的游戲具備反饋能力,使得網絡游戲具備娛樂性,滿足人們的解壓需求。隨著網民對此類游戲關注度提升,使得網頁中加入較多的小游戲,這些游戲都是Flash軟件設計的游戲。Flash游戲經過年的開發與應用,游戲功能與管理方面依舊存在一定的問題,但隨著FlashPlayer7的出現,使得系統功能進一步提升,使原本Flash系統的5倍左右,性能的不斷提升,使得Flash系統開發的動態圖像具有更高的品質,進入更高的層次,滿足現階段網民的基本需求。

4.4網站首頁的動圖應用

人們進入網站過程中,會出現一段動圖體現網頁主題,經過短時間的放映,伴隨音樂的播放,能夠將主題內容清晰表達,使用戶了解動圖內容,若用戶感興趣便可直接點擊動圖,進入主題內容中。這種Flash動畫是受到企業及人們歡迎的界面,但是隨著網頁開頭動畫多數體現企業形象或者個人形象,在商務網站中不能適用。此類Flash動畫圖像能夠使企業風格體現,展示設計師思維,達到理想宣傳效果,成本較低,符合企業發展需求。因此設計師及企業對這種表現形式較為喜愛,使人產生深刻印象。

4.5網頁導航中的動圖應用

Flash具備良好的分段處理及元素重組能力,結合ActionScitp對象控制,使得多媒體設計形成動態及小巧的平臺。在網頁導航欄的應用,能夠使瀏覽者更加有興趣去接受和點擊,使網站點擊人數不斷增加,建設電子商務市場,使網頁設計產生質變,不斷提升產品美感,沖擊人們視野。網頁利用個性化及時尚化導航頁能吸引多數人目光,增加關注度。

4.6在網頁色彩中的應用

為使瀏覽者更關注度更高,色彩應用是其中的重點。色彩變化能夠對瀏覽者產生視覺沖擊,防止瀏覽者視覺疲乏。傳統網頁設計,圖片及色彩關注度不高,圖案作為說明放置一旁,并未進行Flash動畫處理,受眾對圖片并未關注。色彩在網頁設計中,并未進行任何豐富的改變,只是使瀏覽者隨便一睹,網頁設計無法起到理想的表達效果。Flash系統制作的動圖應用于網頁設計中,優勢便可有效展現,使網頁關注度及主體表達更加清晰。

5結束語

社會經濟處于不斷發展過程中,網絡處理技術及開發技術不斷發展,人們審美及藝術觀念不斷創新及改善。在網頁設計過程中應當思考多種因素,比如具備藝術、立體、創意等觀念,才能使網頁吸引受眾。此背景下,Flash動圖的應用能夠使得網頁體現以上幾種理念,滿足人們的個性化需求,實現理想的效果。在Flash系統不斷應用過程中,Flash動圖也會面臨眾多的挑戰,但技術不斷發展及新思維的不斷應用,會使Flash系統為動圖制作及網頁設計帶來更多的驚喜。

參考文獻

[1]張琳.淺析HTML5+CSS3在網頁設計中的新特性及優勢[J].西安文理學院學報(自然科學版),2017,20(06):82-84.

[2]陳佳麗.中職《網頁設計與制作》課程中培養“學生自主創意網頁”的應用研究[J].設計,2017(09):90-91.

[3]羅桂蓮.“環形三階項目”教學模式在“網頁設計”課程中的研究與實踐[J].職教通訊,2017(03):47-49.

[4]王中岳.平面視覺元素在網頁設計中的應用價值分析[J].現代裝飾(理論),2016(08):131.

[5]陳冠軍,張阿維.扁平化設計風格在網頁設計中的優勢[J].科技視界,2015(15):65+218.

作者:王志勇 單位:廣東省工商高級技工學校

亚洲精品一二三区-久久