電商美工如何設計出高點擊率的Banner
電商美工如何設計出高點擊率的Banner?對於Banner設計,很多人理解為是信手拈來,不需要太多的設計思路就可以完成,這是有必要改正一下的。設計banner可能並不難,但是設計一個稱職又有視覺衝擊力的banner,
【30秒性格測試看看你適不適合做電商美工】
http://www.tianhusj.com/list-93-1.html?wm=tt_ljj_mgsj (可複製到流覽器打開噢)
電商美工如何設計出高點擊率的Banner,當下利用Banner來推廣產品,依然是電商的王道。很多公司都採用這種形式進行宣傳,優點多多:費用少、效果好。
如果有客戶讓我們設計個Banner廣告,我們要怎麼設計出高點擊率的Banner呢?
下面我們就一起來瞭解提高Banner點擊率的Banner設計原則!
1. 選擇最有效的Banner尺寸
根據穀歌廣告,效果最好的Banner尺寸為:
336×280
300×250
728×90
160×600
理想情況下,如果客戶不限空間或者給出特定尺寸,那麼Banner可以按照以上的尺寸進行設計。
2. 層級分明
公司Logo:Canon 賣點:特價、新品首發
設計Banner要先瞭解的、也是最重要的便是:設計的目的是為了提升品牌知名度,提高網站流量。
一般Banner是由3部分組成:
公司 logo: Logo設計必須能夠提升品牌知名度。在視覺上,要讓Logo在Banner眾多元素中脫穎而出。
價值主導: 通俗的講,通過產品/服務的賣點來吸引用戶消費,"賣點"便是"價值主導"。
行為召喚: 一般由文本或者按鈕構成,比如"點我"、"瞭解更多"、"現在註冊"、"現在觀看"。行為召喚是Banner廣告中的視覺焦點,支援流覽者點擊深入
3.務求簡約
設計越簡約,內容越清晰,使用者便能更迅速的看到Banner廣告的內容核心。
4. 恰當利用按鈕
按鈕能夠提高點擊率,有效的引起因為召喚。一般在右下角,採用對照感比較強烈的色彩
5. 清晰的邊框
從左到右: Android, Netflix, Bing
人眼會自然的觀察框架中的物體。
6. 文本要清晰可見
Citibank, Starbucks, Citibank, Canon, Sprint的Banners
該做: 標題和正文使用不同的字體尺寸,儘量4行以內
不該做: 使用非主流字體、潦草的字體、過於纖細的字體、全大寫字體、小於10pt的字體。
7. 設計要和品牌形象一致
M&M'的廣告
Banner廣告可是連結到登錄頁的。因此一致性一定要強,要向用戶展示公司的形象。
8. 正確的檔案格式
.JPG, .PNG, .GIF, 或者 Adobe Flash格式都可以,能夠讓你的廣告有效的傳遞。如果是Flash Banner,記得要轉換成.GIF格式,這樣就能獲取全設備支援,也便會有更多的人流覽Banner。
9. 檔要盡可能的小
越小越好,最好小於150kb,因為用戶一般登陸一個網站會直接向下翻動,因此,如果能夠迅速載入,便能"趕得上",便有機會讓用戶看到Banner廣告。
10. 妙用圖片,但不要過度依賴
從左到右: Victoria's Secret, New York Life, Ally
選擇相關的圖像、照片可以提高資訊的傳達能力。
沒有過於抽樣的概念,沒有過多的文字敘述,一圖勝千言。
不過總的來說,圖片也不是時刻有效,有的時候字體設計也很影響廣告效果。
11. 打造一種緊迫感
通過使用粗重、對照分明的字體,打造一種視覺上的緊迫感。讓用戶迫不及待的購買、點擊。不過這招偶爾試一下還行,不能總用。
12. 合適的色彩
從左到右:Tyroweb Book Publishing, Samsung, Apple, Google, Chase, Weight Watchers
談到色彩,不妨多看看優設網的一些文章,這裡就不詳談了。用色正確,方為王道。
還有,設計Banner時要用RGB色彩模式,因為一般都是在螢幕上看廣告的。
13. 嘗試一下動效
動態廣告總比靜態廣告更醒目,但一定要確保動效設計清晰、直接、不偏題。
不超過15s、簡約的動效最好,一般不要重複播放超過10次。還有,動效要能有效的引起行為召喚。
14. 與網站協調搭配,同時又能脫穎而出
Dos Equis 在 ESPN上的廣告
如果你的廣告和網站的風格相符,完美搭配,那麼用戶會對這則廣告產生資訊感。與此同時,還要努力的讓廣告脫穎而出,這就看各位功力了。
電商美工如何設計出高點擊率的Banner?Banner設計是一種功能大於形式的設計,好看沒有用,即便再醜,但是點擊率高就足夠了,這才是Banner設計的精要所在。
如果大家想要設計出高點擊率的Banner可以看看這個週末試聽課程:
http://www.tianhusj.com/tg-21.html?wm=tt_ljj_mg (可複製到流覽器打開噢)
7. 設計要和品牌形象一致
M&M'的廣告
Banner廣告可是連結到登錄頁的。因此一致性一定要強,要向用戶展示公司的形象。
8. 正確的檔案格式
.JPG, .PNG, .GIF, 或者 Adobe Flash格式都可以,能夠讓你的廣告有效的傳遞。如果是Flash Banner,記得要轉換成.GIF格式,這樣就能獲取全設備支援,也便會有更多的人流覽Banner。
9. 檔要盡可能的小
越小越好,最好小於150kb,因為用戶一般登陸一個網站會直接向下翻動,因此,如果能夠迅速載入,便能"趕得上",便有機會讓用戶看到Banner廣告。
10. 妙用圖片,但不要過度依賴
從左到右: Victoria's Secret, New York Life, Ally
選擇相關的圖像、照片可以提高資訊的傳達能力。
沒有過於抽樣的概念,沒有過多的文字敘述,一圖勝千言。
不過總的來說,圖片也不是時刻有效,有的時候字體設計也很影響廣告效果。
11. 打造一種緊迫感
通過使用粗重、對照分明的字體,打造一種視覺上的緊迫感。讓用戶迫不及待的購買、點擊。不過這招偶爾試一下還行,不能總用。
12. 合適的色彩
從左到右:Tyroweb Book Publishing, Samsung, Apple, Google, Chase, Weight Watchers
談到色彩,不妨多看看優設網的一些文章,這裡就不詳談了。用色正確,方為王道。
還有,設計Banner時要用RGB色彩模式,因為一般都是在螢幕上看廣告的。
13. 嘗試一下動效
動態廣告總比靜態廣告更醒目,但一定要確保動效設計清晰、直接、不偏題。
不超過15s、簡約的動效最好,一般不要重複播放超過10次。還有,動效要能有效的引起行為召喚。
14. 與網站協調搭配,同時又能脫穎而出
Dos Equis 在 ESPN上的廣告
如果你的廣告和網站的風格相符,完美搭配,那麼用戶會對這則廣告產生資訊感。與此同時,還要努力的讓廣告脫穎而出,這就看各位功力了。
電商美工如何設計出高點擊率的Banner?Banner設計是一種功能大於形式的設計,好看沒有用,即便再醜,但是點擊率高就足夠了,這才是Banner設計的精要所在。
如果大家想要設計出高點擊率的Banner可以看看這個週末試聽課程:
http://www.tianhusj.com/tg-21.html?wm=tt_ljj_mg (可複製到流覽器打開噢)