在這篇教程中，我們將對(duì)Flash Banner廣告設(shè)計(jì)、制作的要點(diǎn)進(jìn)行解析，教程介紹的很詳細(xì)，適合新手閱讀，希望對(duì)大家有所幫助！

前言：

應(yīng)上面要求，在內(nèi)部做一個(gè)關(guān)于“banner“設(shè)計(jì)的分享。搜了下，網(wǎng)上這類文章挺多，思來(lái)想去，決定這么干：

1、對(duì)前人的經(jīng)驗(yàn)總結(jié)一下；

2、重點(diǎn)介紹一下flash 廣告設(shè)計(jì)的要點(diǎn)。

1:主題

投放在媒體的banner需要在最短的時(shí)間內(nèi)給用戶傳遞出最關(guān)鍵的信息，這就要求我們?cè)谠O(shè)計(jì)之前一定要和需求方充分溝通,明確活動(dòng)主題、重點(diǎn)、一定要求對(duì)方提交宣傳文案、商品圖。(如果商品圖質(zhì)量不好，可以要求他們?cè)僦匦陆o幾張，有時(shí)候他們自己也不知道那個(gè)好，隨便給的)

例如：XX商城 全場(chǎng)正品 春季瘋狂大特賣

默認(rèn)情況下，價(jià)格信號(hào)、打折標(biāo)簽都是需要重點(diǎn)突出的，所以要對(duì)數(shù)字進(jìn)行強(qiáng)化處理。(活動(dòng)時(shí)間除外)

2: 字體

在banner的設(shè)計(jì)中文字扮演著相當(dāng)重要的角色，正確的選擇字體是一個(gè)良好的開端。首先要根據(jù)主題選擇適合氛圍的字體，例如輕松氛圍的可以選擇卡通、活潑一點(diǎn)的字體，中國(guó)傳統(tǒng)節(jié)日可以選擇書法字體等。

另外還需要注意下面幾點(diǎn)：

a：最好不要選用過(guò)細(xì)的字體

b：選用小字體時(shí)要適當(dāng)?shù)臄U(kuò)大字體間距，方便用戶快速瀏覽.

c：選用大字體時(shí)要適當(dāng)?shù)臏p小字體間距

看下面的例子：

注意：并非要求小字體的間距一定要大于大字體間距，只是相對(duì)而言。

3: 視線

瀏覽者的視線一般是從左到右、從上到下,要讓banner里的文字、圖片排序符合用戶的瀏覽順序：

如果你沒(méi)有更好的排放方式，把產(chǎn)品圖放在banner的左側(cè)一般不會(huì)出錯(cuò)，如果是人物圖，盡量使人物的視線方向?qū)χ黝}或關(guān)鍵詞。

4:按鈕

如果添加“立刻購(gòu)買”、“查看詳情”等按鈕，盡量放在最右側(cè)或者下面。

另外在flash里如果做出鼠標(biāo)點(diǎn)擊的動(dòng)態(tài)效果，會(huì)有很強(qiáng)的暗示心理，有助于提高點(diǎn)擊率，這種形式曾經(jīng)有一段時(shí)間大肆流行，不過(guò)最近在主流媒體廣告位上很少看到。(印象中似乎和假“關(guān)閉按鈕”一樣，被主流媒體禁止過(guò)。)

5運(yùn)動(dòng)軌跡

Flash banner中，良好的排版是banner成功的一半，另一半就是流暢的動(dòng)畫節(jié)奏，這需要后期不斷的調(diào)節(jié)。這里簡(jiǎn)單說(shuō)一下在圖片或文字的運(yùn)動(dòng)軌跡中需要注意的一些問(wèn)題。

a：一般情況下，物體在進(jìn)入和離開場(chǎng)景時(shí)，要盡量選擇較短的路線。特別是物體離開場(chǎng)景時(shí)，不要占用太多時(shí)間和空間，要干凈迅速。

b：物體進(jìn)入和退出場(chǎng)景的運(yùn)動(dòng)方式應(yīng)該采取同樣的風(fēng)格，例如物體以滑行方式進(jìn)入場(chǎng)景，最好也以滑行方式退出場(chǎng)景。(ps：交互設(shè)計(jì)中有個(gè)對(duì)稱性交互原則，說(shuō)的大致就是這個(gè)意思。)

6創(chuàng)意

好的創(chuàng)意往往能激起大家的點(diǎn)擊欲望，并且讓人印象深刻。在flash廣告中有兩種特殊的創(chuàng)意形式。找了幾個(gè)示例。

a：異形廣告 制作成本較高，周期較長(zhǎng)，對(duì)設(shè)計(jì)和創(chuàng)意都有很高的要求，由于可能同時(shí)會(huì)用到兩個(gè)及以上的廣告位，所以往往還需要投放媒體的配合，以保證在相應(yīng)時(shí)間同時(shí)播放。

點(diǎn)擊查看動(dòng)態(tài)效果_設(shè)計(jì)師董飛俠

b:交互式廣告，需要用戶參與互動(dòng)的廣告，做這種廣告往往具有一定趣味性，激起用戶的興趣，從而增加點(diǎn)擊率。為了引導(dǎo)用戶參與，一般會(huì)有文字提示，或者間隔幾秒鐘后自動(dòng)播放。

點(diǎn)擊查看動(dòng)態(tài)效果_設(shè)計(jì)師董飛俠

這兩種方式都要承擔(dān)一定得風(fēng)險(xiǎn)，但是一旦成功，回報(bào)也是驚人的。

7時(shí)間

每一幀的播放時(shí)間保證用戶可以快速瀏覽完關(guān)鍵信息即可，總體時(shí)間不宜過(guò)長(zhǎng)，往往需求方希望每一幀播放的時(shí)間盡可能的久一點(diǎn)，但是他們忘記了用戶是很少會(huì)耐著性子看完的，除非你的廣告像上面的案例一樣吸引用戶。另外有的媒體規(guī)定全部flash播放完不能超過(guò)5秒，僅供參考。

8壓縮

目前在國(guó)內(nèi)主流媒體對(duì)flash廣告大小一般限制在20k-30k之間。這就要求我們?cè)谕瓿蓜?chuàng)意的基礎(chǔ)上對(duì)flash進(jìn)行壓縮。在壓縮的時(shí)候請(qǐng)注意這幾點(diǎn)：

a:所有文字打散處理(選中文字，連續(xù)兩次“ctrl+b“)，不僅能減少文件大小，而且可以防止在其它電腦上特殊字體被替換成系統(tǒng)默認(rèn)字體。

b:刪減多余的關(guān)鍵幀，包括空白關(guān)鍵幀。

c:使用位圖時(shí)，在ps里將圖片處理成需要的大小，而不要在flash直接縮小。如果圖片需要在flash做放大、縮小的動(dòng)畫，那么選取的尺寸應(yīng)該是展示時(shí)間最長(zhǎng)的那個(gè)尺寸。

d:超出場(chǎng)景的位圖記得切除。

e:位圖的發(fā)布設(shè)置適當(dāng)調(diào)低一點(diǎn)，一般50%-80%，甚至20%，不過(guò)這個(gè)時(shí)候圖片的質(zhì)量已經(jīng)很低了，基本可以考慮去掉這張圖片。

f:復(fù)雜的矢量圖形有時(shí)候會(huì)比位圖更占資源，特別要注意那些直接從AI里面復(fù)制粘貼過(guò)來(lái)的矢量圖形。可以在flash里面簡(jiǎn)化一些線條和形狀，去掉不必要的節(jié)點(diǎn)。

g:有資料稱flash播放器對(duì)png格式的位圖渲染速度高于其他格式位圖，所以文件大小允許的情況下不妨選取png格式。

以上就是Flash Banner廣告設(shè)計(jì)、制作的要點(diǎn)解析，希望大家看完之后，會(huì)有一定的幫助，謝謝大家觀看！