Flash廣告設計要素

作者簡介：

網絡ID：畫為琦畫

博客：http://huaweiqihua.com

導言：應上麵要求，在內部做一個關於Banner設計的分享。搜了下，網上這類文章挺多，思來想去，決定這麼幹：對前人的經驗總結一下；重點介紹一下Flash廣告設計的要點。本文適合新手閱讀。

1：主題

投放在媒體的Banner需要在最短的時間內給用戶傳遞出最關鍵的信息，這就要求我們在設計之前一定要和需求方充分溝通，明確活動主題、重點、一定要求對方提交宣傳文案、商品圖。（如果商品圖質量不好，可以要求他們再重新給幾張，有時候他們自己也不知道那個好，隨便給的）

例如：XX商城 全場正品 春季瘋狂大特賣

默認情況下，價格信號、打折標簽都是需要重點突出的，所以要對數字進行強化處理。（活動時間除外）（圖01）

圖01：價格標簽

2：字體

在Banner的設計中文字扮演著相當重要的角色，正確的選擇字體是一個良好的開端。首先要根據主題選擇適合氛圍的字體，例如輕鬆氛圍的可以選擇卡通、活潑一點的字體，中國傳統節日可以選擇書法字體等。

另外還需要注意下麵幾點：

a.最好不要選用過細的字體

b.選用小字體時要適當的擴大字體間距，方便用戶快速瀏覽

c.選用大字體時要適當的減小字體間距

看下麵的例子。（圖02、03）

圖02

圖03

注意：並非要求小字體的間距一定要大於大字體間距，隻是相對而言。#p#e#

3：視線

瀏覽者的視線一般是從左到右、從上到下，要讓Banner裏的文字、圖片排序符合用戶的瀏覽順序。（圖04）

圖04

如果你沒有更好的排放方式，把產品圖放在Banner的左側一般不會出錯，如果是人物圖，盡量使人物的視線方向對著主題或關鍵詞。

4：按鈕

如果添加“立刻購買”、“查看詳情”等按鈕，盡量放在最右側或者下麵。（圖05）

圖05：Button位置

另外在Flash裏如果做出鼠標點擊的動態效果，會有很強的暗示心理，有助於提高點擊率，這種形式曾經有一段時間大肆流行，不過最近在主流媒體廣告位上很少看到。（印象中似乎和假“關閉按鈕”一樣，被主流媒體禁止過。）（圖06）

圖06：Button點擊示例#p#e#

5：運動軌跡

Flash Banner中，良好的排版是Banner成功的一半，另一半就是流暢的動畫節奏，這需要後期不斷的調節。這裏簡單說一下在圖片或文字的運動軌跡中需要注意的一些問題。

a：一般情況下，物體在進入和離開場景時，要盡量選擇較短的路線。特別是物體離開場景時，不要占用太多時間和空間，要幹淨迅速。（圖07-09）

圖07：物體運動軌跡1

圖08：物體運動軌跡2

圖09：錯誤的運動軌跡

b：物體進入和退出場景的運動方式應該采取同樣的風格，例如物體以滑行方式進入場景，最好也以滑行方式退出場景。（PS：交互設計中有個對稱性交互原則，說的大致就是這個意思。）（圖10）

圖10：錯誤的退出方式#p#e#

6：創意

好的創意往往能激起大家的點擊欲望，並且讓人印象深刻。在Flash廣告中有兩種特殊的創意形式。找了幾個示例。

a.異形廣告：製作成本較高，周期較長，對設計和創意都有很高的要求，由於可能同時會用到兩個及以上的廣告位，所以往往還需要投放媒體的配合，以保證在相應時間同時播放。（圖11-13）

圖11：異形廣告（設計師董飛俠）

圖12：異形廣告

b.交互式廣告，需要用戶參與互動的廣告，做這種廣告往往具有一定趣味性，激起用戶的興趣，從而增加點擊率。為了引導用戶參與，一般會有文字提示，或者間隔幾秒鍾後自動播放。

圖13：交互式廣告（設計師董飛俠）

這兩種方式都要承擔一定得風險，但是一旦成功，回報也是驚人的。

7：時間

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

8：壓縮

目前在國內主流媒體對flash廣告大小一般限製在20k-30k之間。這就要求我們在完成創意的基礎上對Flash進行壓縮。在壓縮的時候請注意這幾點：

a.所有文字打散處理（選中文字，連續兩次Ctrl+B），不僅能減少文件大小，而且可以防止在其它電腦上特殊字體被替換成係統默認字體。

b.刪減多餘的關鍵幀，包括空白關鍵幀。

c.使用位圖時，在Photoshop裏將圖片處理成需要的大小，而不要在Flash直接縮小。如果圖片需要在flash做放大、縮小的動畫，那麼選取的尺寸應該是展示時間最長的那個尺寸。

d.超出場景的位圖記得切除。

e.位圖的發布設置適當調低一點，一般50%-80%，甚至20%，不過這個時候圖片的質量已經很低了，基本可以考慮去掉這張圖片。

f.複雜的矢量圖形有時候會比位圖更占資源，特別要注意那些直接從AI裏麵複製粘貼過來的矢量圖形。可以在Flash裏麵簡化一些線條和形狀，去掉不必要的節點。

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

一家之言，歡迎各位拍磚。