Flash“7+1”策略在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

符麗萍

摘要：Flash作為新興的動(dòng)畫制作軟件，具有傳統(tǒng)動(dòng)畫制作軟件不可比擬的優(yōu)越性，其以簡(jiǎn)單易懂的制作方式，最小的容量確保網(wǎng)絡(luò)的通暢等特點(diǎn)獲得了許多網(wǎng)頁(yè)設(shè)計(jì)者的關(guān)注和喜愛(ài)。因此，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，F(xiàn)lash是被運(yùn)用得最為廣泛的一種軟件。為了進(jìn)一步提高網(wǎng)頁(yè)制作的藝術(shù)性與美觀效果，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，可以借鑒Flash“7+1”策略，將Flash的制作分為不同的步驟和過(guò)程，最后將其進(jìn)行組合，形成統(tǒng)一的動(dòng)畫，應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)中，能大大提高Flash的視覺(jué)效果。

關(guān)鍵詞：Flash；“7+1”策略；網(wǎng)頁(yè)設(shè)計(jì)；應(yīng)用

隨著經(jīng)濟(jì)的發(fā)展，互聯(lián)網(wǎng)成為了溝通人們的生活、生產(chǎn)的重要橋梁，為人們的生活提供了極大的便利?；ヂ?lián)網(wǎng)作為一種新興的溝通、交流渠道，得益于其不受時(shí)間與空間的限制，能隨時(shí)隨地進(jìn)行數(shù)據(jù)、信息的傳播。在進(jìn)行傳播的過(guò)程中，互聯(lián)網(wǎng)告別了傳統(tǒng)的單一文字、數(shù)據(jù)的傳播，通過(guò)多彩的傳播方式獲得了人們的歡迎，在眾多的傳播方式中，最為便利的則是Flash。通過(guò)Flash制作的網(wǎng)頁(yè)，或者在網(wǎng)頁(yè)中插入Flash動(dòng)畫，既可以大大減少動(dòng)畫所占的空間與流量，保證網(wǎng)絡(luò)的傳播速度，又能為人們提供多彩的動(dòng)畫與交互性畫面。

一、Flash簡(jiǎn)介

Flash是當(dāng)前一種運(yùn)用十分廣泛的矢量動(dòng)畫的制作軟件，使用的是Action Script腳本語(yǔ)言，這種腳本語(yǔ)言具有容易編寫，不需要編寫復(fù)雜的算法的特點(diǎn)，適合普通民眾使用，因此Flash具有十分廣泛的使用對(duì)象。Flash提供了制作圖片、動(dòng)畫等不同的功能，并且在發(fā)展的過(guò)程中突破了傳統(tǒng)電腦軟件，開發(fā)出了適合平板電腦、手機(jī)安裝和使用的app，使得Flash得到了更為廣泛地推廣。

Flash教傳統(tǒng)的動(dòng)畫制作軟件來(lái)說(shuō)，具有十分明顯的特點(diǎn)與優(yōu)勢(shì)。主要體現(xiàn)在以下幾個(gè)方面。首先，F(xiàn)lash軟件制作出來(lái)的動(dòng)畫表現(xiàn)為gif格式，是動(dòng)畫格式中所占空間最小的一種，能節(jié)省大量的空間，制作出更為復(fù)雜的動(dòng)畫。其次，由于Flash采用的是矢量圖而不是位圖，圖片所占的空間也較小，確保網(wǎng)絡(luò)在進(jìn)行傳播時(shí)的流暢。與此同時(shí)，F(xiàn)lash以其多種多樣的表現(xiàn)方式，文字、圖片、聲音、視頻等的結(jié)合，能使得網(wǎng)頁(yè)設(shè)計(jì)充滿動(dòng)感與交互性，具有藝術(shù)性與美觀性，為網(wǎng)頁(yè)設(shè)計(jì)大大增彩。

二、Flash“7+1”策略概述

Flash“7+1”策略指的是在進(jìn)行Flash動(dòng)畫的制作過(guò)程中，并不是一蹴而就的，而是將其分為7個(gè)步驟以及最后進(jìn)行創(chuàng)作的階段，結(jié)合起來(lái)，形成最終的動(dòng)畫展示。

首先，第一個(gè)階段，是對(duì)Flash有所認(rèn)識(shí)。Flash與傳統(tǒng)的動(dòng)畫制作軟件不同，是通過(guò)不同的幀結(jié)合最后形成動(dòng)畫的一個(gè)過(guò)程，不需要進(jìn)行算法的編寫，不需要進(jìn)行C語(yǔ)言、VB語(yǔ)言的編程，因此具有簡(jiǎn)單易學(xué)的特點(diǎn)。在進(jìn)行Flash動(dòng)畫制作之前，需要對(duì)Flash 有所了解，包括其制作動(dòng)畫是使用的腳本語(yǔ)言、Flash軟件的基本界面以及基本工具的使用。

其次，繪圖過(guò)程。在使用Flash進(jìn)行繪圖時(shí)，有許多工具可供選擇，如鉛筆工具、鋼筆工具、橢圓工具、矩形工具等，都需要進(jìn)行相應(yīng)的操作與鍛煉。

第三個(gè)階段，制作簡(jiǎn)單的動(dòng)畫階段。Flash中動(dòng)畫的制作包括五中，分別是：逐幀動(dòng)畫、補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、引導(dǎo)線動(dòng)畫和遮罩動(dòng)畫，不同動(dòng)畫的制作方式不同，需要進(jìn)行區(qū)分和辨別。

第四個(gè)階段則是使用元件的階段。在Flash中，主要有三大元件，貫穿了動(dòng)畫過(guò)程的始終，分別是：圖形元件、按鈕元件和電影剪輯元件。三大元件相互結(jié)合，構(gòu)成了動(dòng)畫的整個(gè)過(guò)程，圖片元件雖然是靜態(tài)表現(xiàn)方式，但為Flash的制作奠定了基本的格調(diào)與基礎(chǔ)，而按鈕元件則是連接不同幀之間動(dòng)畫的重要橋梁，是實(shí)現(xiàn)Flash交互性的重要保障，電影剪輯元件則不受時(shí)間影響，可以靈活地插入動(dòng)畫過(guò)程。

第五個(gè)階段和第六個(gè)階段分別是學(xué)會(huì)編寫Action Script腳本語(yǔ)言和了解其編程的基礎(chǔ)。雖然制作簡(jiǎn)單的Flash動(dòng)畫并不需要復(fù)雜的腳本語(yǔ)言，進(jìn)行簡(jiǎn)單的算法編寫即可實(shí)現(xiàn)，在進(jìn)行制作的過(guò)程中，仍然需要對(duì)AS語(yǔ)言有一定的了解。

第七個(gè)階段是對(duì)Flash的輔助軟件的使用。要制作出一個(gè)吸引人的、表現(xiàn)方式多樣的動(dòng)畫，僅僅依靠Flash是遠(yuǎn)遠(yuǎn)不夠的，還需要借助其他軟件的輔助，如Flavx軟件，這個(gè)軟件有利于提高Flash制作的廣告的靈活性與跳躍性，Swift 3D軟件，這個(gè)軟件有利于提高Flash矢量圖片的清晰度，最大程度地保證動(dòng)畫的清晰。

最后一個(gè)階段是進(jìn)行創(chuàng)作的過(guò)程，在進(jìn)行動(dòng)畫創(chuàng)作時(shí)，需要結(jié)合以上的不同步驟與階段，并綜合性考慮動(dòng)畫的需求，制作出既美觀又實(shí)用的動(dòng)畫。

三、在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用“7+1”策略

Flash 在網(wǎng)頁(yè)設(shè)計(jì)中已經(jīng)得到了十分廣泛的使用，然而，為了使Flash動(dòng)畫質(zhì)量得到進(jìn)一步的提高，仍需要對(duì)其不斷地進(jìn)行摸索與完善，通過(guò)“7+1”策略，將動(dòng)畫分解制作，最終形成綜合性的動(dòng)畫展示，能很好地使Flash在網(wǎng)頁(yè)設(shè)計(jì)中得到最大化的應(yīng)用。

（一）充分利用圖片

雖然圖片是靜態(tài)地展示方式，在網(wǎng)頁(yè)設(shè)計(jì)中，仍然具有十分重要的作用。圖片的一個(gè)特點(diǎn)就是色彩斑斕，告別了過(guò)去文字的單調(diào)色彩，使得網(wǎng)頁(yè)設(shè)計(jì)充滿動(dòng)感與升生機(jī)。

在利用圖片的過(guò)程中，首先，需要對(duì)圖片的制作技能有所掌握，充分利用圖片制作工具，對(duì)原始的矢量圖進(jìn)行裁剪、編輯等，使得矢量圖能更好地應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)中。此外，通過(guò)圖片的拼接，將不同的圖片整合漸變，能形成一幅變幻的圖片風(fēng)格，為網(wǎng)頁(yè)設(shè)計(jì)增加吸引性。

（二）結(jié)合元件和圖片制作動(dòng)畫

動(dòng)畫是Flash的主要體現(xiàn)方式，更是Flash的優(yōu)勢(shì)所在。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，必定離不開動(dòng)畫的配合與添加。

在掌握動(dòng)畫的制作方式的前提下，將元件與動(dòng)畫結(jié)合。如制作補(bǔ)間動(dòng)畫時(shí)，由于補(bǔ)間動(dòng)畫包括形狀補(bǔ)間和動(dòng)作補(bǔ)間，需要對(duì)不同的補(bǔ)間方式進(jìn)行了解與練習(xí)。制作形狀補(bǔ)間動(dòng)畫時(shí)，著重強(qiáng)調(diào)與元件的結(jié)合，主要是指對(duì)圖形元件、按鈕元件和影片元件，在制作過(guò)程中，不能適用形狀，因此需要把形狀圖片等轉(zhuǎn)化為兼容的上述三種元件。而形狀補(bǔ)間則注重關(guān)注動(dòng)畫的形狀，作為其基本的構(gòu)成要素，因此，在結(jié)合元件使用的過(guò)程中，必須將不同的元件分解為形狀，再進(jìn)行編輯與操作。因此，在進(jìn)行動(dòng)畫的制作過(guò)程中，必須對(duì)不同的圖形和動(dòng)畫制作方法進(jìn)行分類，結(jié)合正確的使用方法，制作出更為美觀的動(dòng)畫。

（三）使用AS編程語(yǔ)言，結(jié)合相關(guān)輔助軟件進(jìn)行設(shè)計(jì)

要使得網(wǎng)頁(yè)設(shè)計(jì)令人耳目一新，僅僅依靠簡(jiǎn)單的動(dòng)畫制作是不可能實(shí)現(xiàn)的，因此，還要結(jié)合AS編程語(yǔ)言的使用，提高動(dòng)畫的技術(shù)含量，并結(jié)合相關(guān)的輔助軟件，實(shí)現(xiàn)動(dòng)畫展展示效果的更新。

通過(guò)AS語(yǔ)言編程還可以將Flash動(dòng)畫制作為簡(jiǎn)單的小游戲，在網(wǎng)頁(yè)設(shè)計(jì)中，除了添加傳統(tǒng)的Flash動(dòng)畫，還能通過(guò)與Flavx的結(jié)合，制作簡(jiǎn)單有趣的小游戲，并通過(guò)Flavx提高游戲的畫面感與立體感。

【參考文獻(xiàn)】

[1] 童建. 論網(wǎng)頁(yè)設(shè)計(jì)Flash教學(xué)“7+1”策略[J].信息技術(shù)，2013（17）

[2] 張目.Flash及其在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].專業(yè)教學(xué)，2013（21）