當(dāng)前位置:首頁(yè)>>軟件教程>>新聞內(nèi)容  
關(guān)于 Flash Banner 設(shè)計(jì)的建議
作者:集體創(chuàng)作 發(fā)布時(shí)間:2003-12-5 11:13:21 | 【字體:

banner 設(shè)計(jì)會(huì)嚴(yán)重影響廣告投放效果,在此建議相關(guān)設(shè)計(jì)人員,在設(shè)計(jì)FLASH BANNER的時(shí)候考慮到以下問(wèn)題.

  1. 盡量減少矢量圖形的路徑節(jié)點(diǎn)數(shù):
    矢量圖形顯示是由計(jì)算機(jī)通過(guò)CPU即時(shí)運(yùn)算得到的,矢量圖形通過(guò)對(duì)節(jié)點(diǎn)的位置定義、線的曲度定義、面的填充色的各種屬性定義來(lái)得到圖形,而作為基本元素點(diǎn)的數(shù)量直接影響到線、面的數(shù)量,也就影響到CPU占用量。
  2. 作為裝飾的比較復(fù)雜的小型文字、logo重復(fù)使用時(shí)盡量用位圖:
    這是在下載字節(jié)量和CPU占用量間做一個(gè)平衡,因?yàn)槲淖直旧砭褪潜容^復(fù)雜的矢量圖形,然而很多情況下作為背景和裝飾使用時(shí)不需要矢量的清晰程度,這時(shí)使用位圖會(huì)很大程度的降低CPU消耗,并把部分消耗轉(zhuǎn)移到顯卡的CPU和內(nèi)存上。只要位圖的絕對(duì)面積不太大,使用位圖和矢量的字節(jié)量差異不大。
  3. 可以用一小張位圖作為顏料填充出一些重復(fù)的圖形、肌理式的背景
    導(dǎo)入一小張可作四方連續(xù)的底圖,用于一些特殊效果。
  4. 盡量減少動(dòng)態(tài)MC的多層套嵌:多層套嵌會(huì)導(dǎo)致CPU對(duì)圖形、位置、大小等數(shù)據(jù)不斷重復(fù)計(jì)算,加重CPU負(fù)荷
  5. 盡量減少多個(gè)MC在同一幀內(nèi)同時(shí)運(yùn)動(dòng):
    多個(gè)MC同時(shí)運(yùn)動(dòng)會(huì)造成CPU峰值高漲,播放速度減慢,可以設(shè)計(jì)創(chuàng)意時(shí)加以避免,把MC的運(yùn)動(dòng)比較平均的放于不同幀,避免集中。
  6. 避免大面積位圖的移動(dòng)、變形,能在外部軟件中變形的,就不要放到 flash 里來(lái)做,放大縮小后再導(dǎo)入。
  7. 盡量減少M(fèi)C做大小、旋轉(zhuǎn)的急劇變化:
    如果再加上是復(fù)雜圖形,或是位圖,或是動(dòng)態(tài)MC多層套嵌,那必然會(huì)引起 CPU使用峰值的急劇升高,圖象會(huì)忽然變得很慢。
  8. 在可能的情況下盡量減小Flash動(dòng)畫(huà)在屏幕顯示中所占的比例
    也可以理解為盡量做的面積小一些,或是包含運(yùn)動(dòng)的區(qū)域小一點(diǎn)。例如:作遮幅以減少動(dòng)畫(huà)面積,較大的底圖上作些有創(chuàng)意底小面積動(dòng)畫(huà)。只利用flash 作透明的關(guān)鍵動(dòng)畫(huà),使它浮在底圖上面,這樣即結(jié)合底圖減少CPU占用,又可以分成flash和圖片兩個(gè)線程下載,加快了下載速度。
  9. 減少每秒幀數(shù):在效果損失不大的情況下,盡量減少每秒幀數(shù)。
  10. 使用FLASH5格式生成文件:
    當(dāng)前有FLASH6播放插件的用戶還很少,使用FLASH 6格式播放的文件需要比較長(zhǎng)的時(shí)間下載插件,會(huì)影響速度。

藍(lán)色理想與國(guó)內(nèi)flashcoder 群補(bǔ)充:

  • 從Flash程序上來(lái)說(shuō),盡量減少使用循環(huán)復(fù)制MC,及時(shí)刪除無(wú)用的MC和變量,釋放內(nèi)存,以減少客戶端消耗。盡量避免使用復(fù)雜的 AS 運(yùn)算。
  • 避免在首幀一次載入大量的元素,因?yàn)樵诖讼螺d過(guò)程中,你的BANNER是一片空白。
  • 一定要設(shè)置背景顏色,因?yàn)橥斗啪W(wǎng)站不會(huì)每次為你改HTML的背景色代碼。
  • 盡量針對(duì)不同尺寸的BANNER單獨(dú)制作Flash,而非做出一個(gè)后,用HTML放大縮小。
  • 要多預(yù)備一個(gè)動(dòng)畫(huà) GIF 版本。香港網(wǎng)站普遍還要加一個(gè) clickTag 參數(shù)作聯(lián)結(jié)(clickTag是variable, 真正連結(jié)通過(guò)flashhtml, swf?clickTag=http..傳入 )。Yahoo 要求只能是 flash5 (制作過(guò)程中注意 as 兼容性)
  • 靜態(tài)文字在導(dǎo)出前統(tǒng)統(tǒng)打散,可以減少文件大小,如果嫌以后修改麻煩,可以先復(fù)制一個(gè)引導(dǎo)層放原始文字。
  • 所有的圖片在外部用圖像壓縮工具壓縮,比如ps,最好是 fireworks,不要用flash里面壓縮。
  • 能用純色,盡量用純色,不能用的話也盡量用不透明過(guò)渡,盡量少用透明過(guò)渡色,少用透明漸變。

特別強(qiáng)調(diào),千萬(wàn)不要在 flashBanner 里加聲音,大忌。


文章來(lái)源:藍(lán)色理想
 放生
 愚愛(ài)
 夠愛(ài)
 觸電
 白狐
 葬愛(ài)
 光榮
 畫(huà)心
 火花
 稻香
 小酒窩
 下雨天
 右手邊
 安靜了
 魔杰座
 你不像她
 邊做邊愛(ài)
 擦肩而過(guò)
 我的答鈴
 懷念過(guò)去
 等一分鐘
 放手去愛(ài)
 冰河時(shí)代
 你的承諾
 自由飛翔
 原諒我一次
 吻的太逼真
 左眼皮跳跳
 做你的愛(ài)人
 一定要愛(ài)你
 飛向別人的床
 愛(ài)上別人的人
 感動(dòng)天感動(dòng)地
 心在跳情在燒
 玫瑰花的葬禮
 有沒(méi)有人告訴你
 即使知道要見(jiàn)面
 愛(ài)上你是一個(gè)錯(cuò)
 最后一次的溫柔
 愛(ài)上你是我的錯(cuò)
 怎么會(huì)狠心傷害我
 不是因?yàn)榧拍畔?/a>
 親愛(ài)的那不是愛(ài)情
 難道愛(ài)一個(gè)人有錯(cuò)
 寂寞的時(shí)候說(shuō)愛(ài)我