邱駿駒

(廣東工商職業(yè)學(xué)院 計算機系，廣東 肇慶 526020)

?

淺議Flash在電子商務(wù)網(wǎng)站中的應(yīng)用

邱駿駒

(廣東工商職業(yè)學(xué)院 計算機系，廣東 肇慶 526020)

Flash所具有的格式小、視覺效果強等優(yōu)勢，使其適用于電子商務(wù)網(wǎng)站的廣告條、首頁廣告、產(chǎn)品展示等方面。在Flash廣告設(shè)計中，應(yīng)注意其長度、壓縮、用色等因素，從而突出廣告的投放效果。

Flash；電子商務(wù)網(wǎng)站；設(shè)計

Flash的應(yīng)用領(lǐng)域有很多，除人們熟知的Flash 動畫、Flash MV外，F(xiàn)lash在網(wǎng)站廣告宣傳中所起的作用越來越凸顯。在網(wǎng)站建設(shè)中，我們經(jīng)常見到網(wǎng)站動態(tài)logo、動態(tài)導(dǎo)航按鈕、網(wǎng)站長篇宣傳動畫，還有全部使用Flash技術(shù)設(shè)計的全Flash站點。在網(wǎng)絡(luò)其他宣傳廣告方面，客戶也非常樂衷于使用Flash技術(shù)來對其產(chǎn)品進行宣傳，如動態(tài)的Flash廣告、產(chǎn)品動態(tài)展示、企業(yè)立體展示、多媒體課件等等，動態(tài)絢麗，形象而生動。[1]

一、Flash在網(wǎng)站廣告制作中的優(yōu)勢

(一)Flash技術(shù)以矢量圖形為基礎(chǔ)，能保證無限放大或縮小而不失真，并且采用這種圖形格式制作出來的swf動畫文件非常小，基本上是目前壓縮格式中最小的了，非常適合在網(wǎng)站中應(yīng)用。

(二)Flash動畫網(wǎng)站采用的是流式播放模式，在瀏覽時可以邊下載邊播放，這就打破了用戶寬帶的局限，用戶在網(wǎng)絡(luò)較差的時候也不用長時間等待。

(三)Flash可以通過ActionScript語言來實現(xiàn)交互功能。用戶可點擊有交互鏈接的Flash按鈕或?qū)Ш讲藛蝸慝@取自己喜歡的內(nèi)容，充分調(diào)動用戶交流的興趣；還可以通過它連接到相應(yīng)的數(shù)據(jù)庫，使得復(fù)雜的動畫實現(xiàn)起來變得更加簡易。

(四)使用Flash制作的動畫效果視覺沖擊力強。Flash可以將文字、圖片、聲音以及動畫內(nèi)容有效地結(jié)合起來，比起靜態(tài)的圖片更容易吸引受眾的注意。例如CCTV公益廣告“為愛正名”，用卡通形象結(jié)合感人的聲音使受眾內(nèi)心為之觸動，能夠深切理解并糾正“老年癡呆癥”這個稱呼；又如中華牙膏廣告將牙膏作用于牙齒的化學(xué)反用形象生動的二維動畫和粒子效果進行充分展示；還有眾多廣告中的卡通形象也深入人心，如高露潔廣告中的“海貍先生”，腦白金廣告中的“爺爺奶奶”等。

(五)Flash制作成本低，支持平臺多。Flash廣告在廣告宣傳中的制作費用相對較低，視頻特效類的廣告一般都要上萬元，而Flash廣告一般多以500元起價。對Flash廣告進行修改也簡單方便。另外，F(xiàn)lash支持的平臺很多，手機、電視、網(wǎng)站、樓宇等都能播放。使用者在第一次瀏覽網(wǎng)頁時安裝Flash player控件即可，現(xiàn)在一般電腦安裝系統(tǒng)都自帶此控件。

二、Flash在電子商務(wù)網(wǎng)站中的具體應(yīng)用

(一)Flash廣告條

Flash廣告條是Flash網(wǎng)頁廣告的一種常見形式，通常也被稱作橫幅設(shè)計。這種廣告可存放在網(wǎng)頁任意細小的角落，有時也以懸浮的形式跟隨鼠標(biāo)而運動。目前一般有兩種方式設(shè)計廣告條，一種是GIF動畫，一種是Flash動畫。電子商務(wù)網(wǎng)站上的廣告目前有相當(dāng)大的部分是使用Flash制作的，原因就在于Flash的表現(xiàn)方式比GIF動畫要豐富許多。GIF動畫制作效果相對單一，只能做普通的圖片切換類效果，而Flash動態(tài)過渡效果豐富，文件小，時間長，并且可添加多個超鏈接。一些產(chǎn)品廣告中的流動線條特效、閃光特效、立體透視特效、模糊特效等，F(xiàn)lash都能表現(xiàn)得淋漓盡致。

圖1

(二)Flash首頁大圖廣告

在電子商務(wù)網(wǎng)站中，給人印象最深的就是Flash首頁廣告了，常見的形式是在導(dǎo)航條下面一大塊全屏的廣告條。這種大圖廣告以前一直都是由Flash來設(shè)計完成的。后來隨著JS網(wǎng)頁代碼的快速發(fā)展，一些沒學(xué)過Flash的網(wǎng)頁設(shè)計者喜歡用JS代碼通過調(diào)動內(nèi)置圖片來完成廣告條的輪換展示。JS代碼的優(yōu)勢就是簡單，有現(xiàn)有的代碼，但缺乏穩(wěn)定性，在使用中經(jīng)常出現(xiàn)錯位或加載等問題。而Flash的兼容性、獨立性、整合性使得用Flash制作的首頁廣告不會出現(xiàn)這些問題，并且Flash制作的首頁廣告效果更豐富，即使簡單的模糊切換、透視切換、滑動切換也比JS廣告要更加動感、大氣。

圖2

(三)Flash產(chǎn)品的立體展示

Flash已不再停留于以前只能制作二維動畫了，從Flash cs3開始，已經(jīng)可以通過Flash內(nèi)置3D應(yīng)用引擎制作各種3D產(chǎn)品展示動畫。Flash三維產(chǎn)品展示突破了產(chǎn)品片面的表現(xiàn)形式，用戶可以全方位觀察產(chǎn)品的所有細節(jié)，并自由通過鼠標(biāo)完成交互。3D展示制作有兩種方法：一種是利用三維軟件如3D max 制作三維產(chǎn)品模型，然后導(dǎo)入到Flash中制作展示動畫，這種制作方法就復(fù)雜些；另一種是直接利用產(chǎn)品圖片素材在Flash中構(gòu)建三維展示動畫，這種方法相對簡單。這種廣告對產(chǎn)品的豐富展示使得眾多商家對其情有獨鐘，在一些運動品牌網(wǎng)站和電子數(shù)碼網(wǎng)站尤為常見。

圖3

(四)全Flash網(wǎng)站

Flash最早的設(shè)計起源于國外的一些創(chuàng)意音樂人和工作室，他們往往為了突出自己的獨特性而設(shè)計出動感十足的Flash站點。這種網(wǎng)站不要搜索引擎推廣，注重用戶的視覺體驗。因為Flash動畫中使用的文字不能被搜索引擎所識別，從而用戶無法通過其文本內(nèi)容進行搜索，網(wǎng)站在宣傳方面就缺乏一些優(yōu)勢。[2]全Flash 網(wǎng)站往往最能引人欣賞并與之互動，適合一些設(shè)計類的公司，比如汽車、運動、數(shù)碼、廣告、傳媒等公司。這類網(wǎng)站重視前臺的點綴手法，相對忽略后臺的數(shù)據(jù)提取。不過單從技術(shù)上說，全Flash網(wǎng)站也有缺點，就是動畫的優(yōu)化和用戶瀏覽速度的問題，不利于大型門戶網(wǎng)站的建設(shè)。

圖4

三、Flash在電子商務(wù)網(wǎng)站廣告設(shè)計中的注意事項

電子商務(wù)網(wǎng)站中Flash廣告的設(shè)計直接影響廣告的投放效果，因此其設(shè)計要考慮的因素很多，筆者在實踐中總結(jié)出以下幾個方面：

(一)廣告時間不超過5秒。Flash網(wǎng)頁廣告時間不宜過長，每一幀的播放時間確保用戶可以快速瀏覽完關(guān)鍵信息即可。

(二)廣告設(shè)計要遵循受眾的閱讀習(xí)慣。動畫圖片排序要按照瀏覽者視線(一般從左到右、從上到下)進行優(yōu)化，對重要信息(如價格信號、打折標(biāo)簽)進行強化處理；動畫運動要流暢、干凈迅速，物體進入和退出場景的運動方式應(yīng)該采取同樣的風(fēng)格。[3]

(三)矢量圖形盡量精簡。前文提到Flash

動畫的優(yōu)勢在于其以矢量圖形元件為基礎(chǔ)，矢量圖形的顯示是由計算機通過CPU對顏色的數(shù)值進行運算而得到的。因此設(shè)計時應(yīng)盡量精簡Flash中的一些線條和形狀，去掉一些不必要的節(jié)點，從而減輕CPU的負擔(dān)。

(四)重復(fù)使用的LOGO和裝飾復(fù)雜的小文字盡量使用位圖。因為本身比較復(fù)雜的小LOGO和小文字使用時不需太高的清晰度，使用位圖能大大降低CPU的消耗，加之其本來尺寸就很小，顯示速度不會受到影響。

(五)廣告背景盡量使用純度或不透明過渡色，盡量少用過渡色。這樣既可使廣告主題更突出，也可減輕背景計算。如果非要使用一些復(fù)雜圖形或紋理作背景，可導(dǎo)入一小張底圖，然后平鋪出來。

(六)壓縮Flash文件。目前在國內(nèi)主流媒體對Flash廣告的大小一般限制在20k-30k之間。這就要求設(shè)計者在完成創(chuàng)意的基礎(chǔ)上，通過將文字打散、刪減多余的關(guān)鍵幀、適當(dāng)降低位置的發(fā)布設(shè)置(如30%-70%)等途徑對Flash進行壓縮。

(責(zé)任編輯 陶新艷)

[1] 李健華. 淺析Flash在網(wǎng)站設(shè)計中的應(yīng)用[J]. 太原城市職業(yè)技術(shù)學(xué)院學(xué)報，2013(1): 180-181.

[2] 黃旭東. 淺議Flash 在網(wǎng)站中的應(yīng)用[J]. 湖南大眾傳媒職業(yè)技術(shù)學(xué)院學(xué)報，2013(1): 50-52.

[3] 張海濤. 激戰(zhàn)Flash富媒體廣告設(shè)計[M]. 北京：清華大學(xué)出版社，2013: 274-276.

2015-03-20

邱駿駒(1987-)，男，江西贛州人，廣東工商職業(yè)學(xué)院計算機系教師。研究方向：多媒體技術(shù)。

TP317.4

A

1671-5454(2015)02-0032-03

10.16261/j.cnki.cn43-1370/z.2015.02.008