楊遠峰

摘要：隨著計算機信息技術(shù)的不斷發(fā)展，通過Flash設計網(wǎng)頁對提高網(wǎng)頁的質(zhì)量起到著重要的作用。與此同時，在新時期，隨著互聯(lián)網(wǎng)絡與人們的生活、工作變得更加緊密相連，F(xiàn)lash動畫已經(jīng)被越來越多的人關注，并被頻繁運用到網(wǎng)絡社交與軟件開發(fā)領域，特別是在多媒體網(wǎng)站的制作上，越來越普遍。對此，本文關于網(wǎng)頁設計中對Flash動畫的應用研究，筆者首先對Flash動畫的相關概念及其表現(xiàn)特點簡要論述，然后依據(jù)著Flash動畫的設計特征，更進一步的論述Flash動畫的相關應用以及交互性設計。

關鍵詞： Flash動畫； 交互性； 網(wǎng)頁設計

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2017）04-0197-02

21世紀是全新的互聯(lián)網(wǎng)知識經(jīng)濟時代，互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，讓網(wǎng)絡發(fā)展成為了人們生活、工作中必不可少的重要組成部分。換言之，在這種大發(fā)展趨勢下，人們對于互聯(lián)網(wǎng)技術(shù)的應用與標準要求也越來越高。比如在網(wǎng)頁設計技術(shù)應用這一領域，包括在生活中、在工作中、在學習中，人們對于以往傳統(tǒng)的靜態(tài)網(wǎng)頁表現(xiàn)出了更多的不滿，正因如此，基于Flash動畫視覺的網(wǎng)頁成為了今后網(wǎng)絡發(fā)展的主要趨勢。

1 相關概念界定

1.1 網(wǎng)頁設計

“網(wǎng)頁”是指在互聯(lián)網(wǎng)絡環(huán)境下，網(wǎng)絡用戶瀏覽信息的一個載體平臺，可以獲取、了解自己想要知道和查詢的信息。在網(wǎng)頁瀏覽中，無異于以下幾種情況，工作需要、學習資料查詢、休閑娛樂等等?？傊W(wǎng)頁設計能夠吸引人才是成功的起點、關鍵，通常情況下，網(wǎng)頁設計質(zhì)量直接影響著網(wǎng)民瀏覽信息的興趣。對此，在網(wǎng)頁設計中，均改變了傳統(tǒng)的一套策略理念與設計形式，通過優(yōu)化網(wǎng)絡頁面的排版，注重網(wǎng)頁具有清晰的主次，強調(diào)中心，色彩和諧，重點突出等。當然，需要特別注意的是，動態(tài)的元素不宜太多?？傮w上來看，在Flash技術(shù)的嵌入下，網(wǎng)頁設計已然變成了一種交互式的多媒體系統(tǒng)平臺。第一，通過夸張的動畫效果與內(nèi)容情節(jié)吸引更多的用戶關注；第二，交互式優(yōu)勢更加明顯，網(wǎng)民的參與性比較強；第三，可以降低整個網(wǎng)頁設計與后期運營管理成本，更重要的是提升了網(wǎng)頁質(zhì)量，將核心內(nèi)容盡情突出。

1.2 Flash動畫

Flash是由macromedia公司推出的一種交互式矢量圖和Web動畫的標準。目前，主要被應用于各類多媒體及其網(wǎng)站設計領域。比如在網(wǎng)頁設計中，設計者使用Flash相應的軟件及其技術(shù)來創(chuàng)作出既漂亮又可改變尺寸的導航界面，或者融入一些其他元素來達到一種奇特、吸引人的效果。是全世界出現(xiàn)的第一個商用的二維矢量動畫設計類軟件，多用于文檔編輯設計，而本文所重點提到的Flash則是美國Macromedia公司所設計的一種二維動畫軟件。就目前而言，F(xiàn)lash不僅僅只看作是一種動畫創(chuàng)作軟件，同時還具有開發(fā)應用程序的功能作用。目前在市場上最新的商用版本為Adobe Flash Professional CS6 ，它可以創(chuàng)建數(shù)字動畫，還有交互式Web站點，以及各類桌面應用程序（包括電腦和手機）。Flash之所以會被廣泛應用于網(wǎng)頁設計中，主要在于其包含豐富的視頻、聲音、圖形和動畫。

2 Flash交互式動畫在網(wǎng)頁設計領域發(fā)展現(xiàn)狀及優(yōu)勢

2.1 發(fā)展現(xiàn)狀概括

發(fā)展到今天，F(xiàn)lash動畫已經(jīng)與社會大眾的生活、學習、工作等方方面面密不可分，作為一種新的互聯(lián)網(wǎng)活力標志，與社會大眾的生活變得更加緊密，并且在個別領域不斷被拓展、研究。例如，無論是在電視節(jié)目、影視、廣播中，還是在街頭巷尾的廣告宣傳制作上，或者是多媒體網(wǎng)站設計中，F(xiàn)lash動畫無處不在。通過應用Flash動畫這一技術(shù)與電視、廣告、卡通、MTV制作等加以結(jié)合，成為了互聯(lián)網(wǎng)信息時代下一種新的商業(yè)運作與推廣模式。特別是在近些年的發(fā)展，F(xiàn)lash動畫技術(shù)體系及其運用框架愈發(fā)成熟，在音樂、傳媒、廣告、游戲等多個領域已經(jīng)被當成一種新興產(chǎn)業(yè)來對待、發(fā)展，開拓出了無限的商業(yè)機會。比如在網(wǎng)頁設計這一領域，技術(shù)的革新、新產(chǎn)品軟件的研發(fā)更新，從簡單流式動畫發(fā)展到復雜交互性Web動畫，在每一個發(fā)展階段、領域，均體現(xiàn)著Flash動畫的獨有優(yōu)勢。筆者以為，從目前國內(nèi)網(wǎng)絡發(fā)展的視角，以及Flash動畫軟件技術(shù)前進的態(tài)勢，基本可以預知在未來一段時期內(nèi)的主流發(fā)展方向。

2.2 技術(shù)優(yōu)勢分析

關于Flash動畫應用到網(wǎng)頁制作、網(wǎng)站設計中的技術(shù)優(yōu)勢，筆者結(jié)合著自身的一些認識，將其總結(jié)歸納為五個方面。第一，專業(yè)性。無論是從網(wǎng)頁設計者的理念視角，還是從網(wǎng)民的審美瀏覽視角，更加專業(yè)、漂亮的設計是大家所追求的、所希望看到的。而Flash動畫就具備這樣一種設計優(yōu)勢。通過使用專業(yè)的設計工具，使用Flash繪圖工具創(chuàng)建圖形，并將其他媒體元素導入到Flash文檔中來，生成SWF格式，即可通過用戶（電腦/手機）自帶的網(wǎng)頁瀏覽器來瀏覽、播放。第二，靈活性。靈活性是Flash的又一大特征，因此也被公認為是“最為靈活的前臺”。在一些多媒體網(wǎng)站上，比如騰訊、新浪網(wǎng)站的體育板塊，擁有導航按鈕、地圖、動畫按鈕、圖形，期間還毫無違和感摻雜著部分廣告條?？傮w，結(jié)合Action Script 的對象和流程控制，可以將最為小巧的Flash動畫前臺展示給廣大的網(wǎng)絡用戶。第三，快速性。關于這一點，相信很多網(wǎng)民用戶都很清楚，比如在騰訊、百度等聊天論壇，F(xiàn)lash動畫實際上可以邊下載邊播放。即便網(wǎng)民當時的網(wǎng)絡寬帶信號非常差，也不需要花費過多的時間來等待。第四，壓縮技術(shù)。關于這一點，前文中在也提到了一點，使用矢量技術(shù)使得產(chǎn)生的網(wǎng)頁文件比以往變得更小，無論是窗口模式還是全屏播放，絲毫不受影響。尤其是Flash動畫在播放的時候，網(wǎng)頁中所提供的Shockwave Flash插件也非常的小，在170KB以下。第五，交互性 + 通用性。設計者通過Flash動畫將內(nèi)容呈現(xiàn)給受眾，通過全智能的數(shù)字化導航系統(tǒng)，產(chǎn)生互動。此外，F(xiàn)lash動畫可以實現(xiàn)跨平臺播放。

3 Flash動畫在網(wǎng)頁設計中的應用

3.1 Flash動畫在網(wǎng)頁設計中的應用

Flash動畫作品多是以“流式播放動畫”形式展示出來，常見的類型有，F(xiàn)lash動畫短片、FlashMV等。比如國內(nèi)的一些出行旅游類服務網(wǎng)站，在制作設計上，一般都將網(wǎng)站的引導界面制作成Flash動畫的形式。在設計中，所采用的大多是Dreamw eaver 軟件。絕大部分均是制作成動畫的形式，包括網(wǎng)絡廣告、企業(yè)與產(chǎn)品形象展示、圖片展示、交互動畫等。它們在整個多媒體網(wǎng)站內(nèi)所扮演的角色以及所起到的作用，表面上看上去無所謂，其實所非常重要。因為Flash動畫環(huán)境下對于整個網(wǎng)頁起到裝飾的效果，對于瀏覽者來說，更容易調(diào)動他們的情緒。當然，動畫內(nèi)容不宜太多，尤其是動畫廣告，要適度控制。如果太花，一下子出現(xiàn)很多個動畫圖片，會使得瀏覽者感到煩躁，最終降低對該網(wǎng)站的好感度。此外，在整個網(wǎng)站設計中，為了充分展示出該網(wǎng)站的個性，設計者也可以使用Flash來制作整個站點。包括網(wǎng)站形象展示、各級導航欄、文字、鏈接、色彩、聲音、游戲等等。

3.2 網(wǎng)頁設計中對于Flash視覺元素的引用

關于網(wǎng)站制作設計中對于Flash動畫視覺元素的應用，筆者以為，需要重點把握三點：第一，文字。在網(wǎng)頁設計中，文字是最主要的一個元素，因為Flash動畫創(chuàng)作的出發(fā)點就是為了讓瀏覽者更好的接收本網(wǎng)站推送編輯的信息內(nèi)容，F(xiàn)lash技術(shù)嵌入下，可以增強瀏覽者的興趣?？傊?，歸根到底就是為了讓網(wǎng)民看到內(nèi)容，而文字就是一種直觀體現(xiàn)的方式，承載著最重要的網(wǎng)頁信息。再設計中，需要格外注意兩個方面，第一個方面，審美效果。在具體設計上，主要體現(xiàn)在文字的排版模式、文字的圖形構(gòu)成以及視覺設計等。例如，文字字體過小的話，導致網(wǎng)民瀏覽信息時比較吃力，過大的話，對導致整個頁面空間布局不合理。第二個方面，信息的傳遞。這種文字的最基礎性的功能，也是目的。對此，設計者應當合理選擇字體的搭配，遵循“大標題、小內(nèi)文，字體少、字型小”的這一原則。第二，圖形。圖形在其中主要起到著美化內(nèi)容的效果，所以，關于圖形設計的目的也比較明確，就是構(gòu)建能夠表達信息內(nèi)容的、視覺形式的、獨立完整的“語句”。因而，在動畫圖形設計上，主題要定位明確，盡量以大眾心理需求為主，包括圖形與字體、色彩等多因素之間的協(xié)調(diào)性。第三，色彩。色彩在其中的功能效果主要是用來刺激瀏覽者的視覺感官的。在設計中，注意三個方面：第一個方面，色彩的形式，也統(tǒng)一協(xié)調(diào)，以此來實現(xiàn)畫面的美感；第二個方面，色彩的心理感覺。這是對于受眾來說的，在于讓受眾看到Flash動畫后，能夠在第一時間刺激大腦，進而產(chǎn)生一種情感心理活動。第三個方面，現(xiàn)代化的色彩設計。尊崇時尚，在不影響審美藝術(shù)的前提下，盡可能多地融入與人們生活、工作緊密聯(lián)系的現(xiàn)代化時尚元素。

4 結(jié)語

隨著互聯(lián)網(wǎng)絡與人們的生活、工作變得更加緊密相連，F(xiàn)lash動畫已經(jīng)被越來越多的人關注，并被頻繁運用到網(wǎng)絡社交與軟件開發(fā)領域，特別是在多媒體網(wǎng)站的制作上，越來越普遍。比如在網(wǎng)頁設計中，設計者使用Flash相應的軟件及其技術(shù)來創(chuàng)作出既漂亮又可改變尺寸的導航界面，或者融入一些其他元素來達到一種奇特、吸引人的效果?？偠灾?，F(xiàn)lash屬于網(wǎng)頁網(wǎng)站中的一個特別重要的視覺元素，正如文中所說的那樣，從目前國內(nèi)網(wǎng)絡發(fā)展的視角，以及Flash動畫軟件技術(shù)前進的態(tài)勢，基本可以預知在未來一段時期內(nèi)的主流發(fā)展方向?，F(xiàn)階段我國國內(nèi)在該領域的發(fā)展總體趨勢較好，借助于不斷發(fā)展的電腦技術(shù)背景下，F(xiàn)lash從其自身來看所具備的特點也變得越來越顯著。

參考文獻：

[1] 趙志建. Flash 動畫在網(wǎng)站設計中應用[J]. 信息通信， 2012（3）：125-126.

[2] 董凌， 邱雅婷， 王珍慧. 炫動視覺——FLASH動畫在網(wǎng)頁設計中的應用[J]. 科協(xié)論壇， 2013（4）：76-77.

[3] 陳錦雄. Flash動畫在網(wǎng)頁設計中的應用及發(fā)展[J]. 產(chǎn)業(yè)與科技論壇， 2013， 12（5）：103-104.

[4] 周宏偉. 在網(wǎng)頁設計中Flash交互動能的應用研究[J]. 科技創(chuàng)新導報， 2015（15）：44-44.

[5] 陳雙雙. Flash繪圖與網(wǎng)頁動畫制作全程揭秘[M]. 北京：清華大學出版社， 2014.

[6] 馬鑫. 我的Flash CS5動畫與交互設計書：我的Flash CS5動畫與交互設計書[M].電子工業(yè)出版社， 2011.

[7] 謝平. 基于FLASH與ASP交互的研究[J]. 北京教育學院學報：自然科學版， 2008，3（6）：7-13.