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

邱駿駒

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

?

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

邱駿駒

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

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

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

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

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

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

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

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

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

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

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

(一)Flash廣告條

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

圖1

(二)Flash首頁大圖廣告

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

圖2

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

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

圖3

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

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

圖4

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

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

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

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

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

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

(四)重復(fù)使用的LOGO和裝飾復(fù)雜的小文字盡量使用位圖。因?yàn)楸旧肀容^復(fù)雜的小LOGO和小文字使用時(shí)不需太高的清晰度，使用位圖能大大降低CPU的消耗，加之其本來尺寸就很小，顯示速度不會(huì)受到影響。

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

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

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

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

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

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

2015-03-20

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

TP317.4

A

1671-5454(2015)02-0032-03

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