設計資訊/資料:Banner該怎麼設計(全!!!)
Banner廣告在今天網路市場營銷中是十分重要的一部分。大多公司會使用banner這種形式的有效且低成本的媒介來提高品牌知名度,這就有了很多banner的設計工作在那裡他們。
今天我們來分享一些banner設計規則和技巧。
1.Banner的標準尺寸
以上是幾個banner的最佳尺寸,理想情況下,你的客戶會在網站上購買一個banner的廣告位讓你來設計。
2.維護等級制度
首先,banner廣告的目的是提高品牌知名度並且引流到你的網站上。它基本組成分為三個部分:
公司logo:公司logo是建立品牌知名度的主體,要確保它的視覺優勢。
品牌價值:banner上除了體現品牌的服務性質,也要提供有吸引力的產品,比如產品的優惠信息(類似「5折優惠」「限時免費」),這應該是你的廣告最吸引用戶眼球的地方。
讓用戶採取行動:在banner上應該有類似「點擊這裡」「了解更多」「立即查看」「點此註冊」類似的文字標語,這樣能讓用戶更好的進一步操作。
3.讓設計看的簡單一些
設計簡單,內容直觀明確,因為用戶可能只打算看你的banner一眼。一句話能表達清楚的不要增添文本複雜性,讓用戶看著很繁瑣,設計底色單一化能更好識別。限時免費字樣跟其他文本有區分,讓用戶能在短時間內關注到主要信息點。
4.使用適合的按鈕
根據banner的類型設置按鈕,這樣能提高點擊率。當你使用的時候,將他們放在你的副本上面或者在右下方,使用對比色讓它們跟整組廣告看起來一致。
5.有明確的框架
用戶會被banner內的框架主題吸引,所以確保你banner廣告邊框中有明確的框架。 如果你的banner整體是白色的,那麼普遍的做法就是在banner內有1像素的灰色邊框。如果不是白色,你仍可以像NETFLIX廣告這樣,在周圍增加几絲淡淡的黑色。
6.讓你的文字能快速可讀
Do:讓標題和正文字體不同尺寸
Don』t:不要用草書字體或者是非常單薄的字體,不要全部大寫或者字體小於10磅(除非是版權聲明或免責說明)
7.確保設計和公司品牌一致性
你的banner廣告要連接到相關產品報價頁中,確保它的設計跟公司品牌風格看起來一致,不要讓用戶有混淆。
8.用正確的圖片格式
9.圖片尺寸不要太大
當用戶滑動滾動條時需要及時看到你的banner廣告,載入速度要很快,所以你的尺寸越小越好。
10.需要時,使用高質量圖片
選擇相關的圖像、圖形或直接關係到用戶的產品圖片,可以提高你banner的質量。如果你買不起專業設備或者請不起名模,你可以在網上買圖,現在的高質量圖片很多。圖片不是總在banner設計中使用的,因為文字廣告會排版更好看更具殺傷力。
11.灌輸緊迫感
顏色鮮艷或者對比度極強的視覺效果會賦予文本緊迫感。
12.選擇適合的顏色
在選擇顏色的時候,要考慮到用戶的情緒,這也是他的第一感官。
顏色會有不同的文化體現,讓人有不同而想法,在選擇時要研究你的目標受眾。
下面是顏色的一個心理分析,大家可以參考一下:
紅色:危險,激情,憤怒,興奮,速度,和愛情有關。最強大的色彩和有吸引力的所有觀眾,也被稱為刺激食慾。適度使用。
橙色:活力,幸福有關。沒有壓倒紅色,它充滿活力,邀請和友好(它是行動按鈕)
黃色:幽默,陽光,樂觀,能量有關。的黃色觸摸可以捕獲觀看者的注意力,它甚至比橙色和紅色更有活力和應使用明智,但太多黃色會刺激用戶的眼睛。
綠色:健康,新鮮,豐富,環境,發展,培育和新的開端有關。這是對眼睛最簡單的顏色。
藍色:安全,信任,清晰度,平靜,理智,形式,高雅,真理,茶點,發涼,陽剛之氣有關。
紫色:與奢華,皇室成員,貴氣,智慧,魔術,野心,女性氣質和創造力有關。它有一個觀眾舒緩,鎮定的作用。
粉色:有愛,甜蜜,女人味,和嬰兒有關。最有女人味的顏色。
黑色:邪惡,神秘,權力,聲望,悲傷和形式有關。它的傳統,並在白色背景上的企業的黑色文字是最可讀的顏色組合。
白色:純度,清潔度,現代性,不育,簡單,誠實,純真,童貞,善良有關。
棕色:與自然,木材,皮革,和謙卑有關。平衡了更深的顏色,和好背景色和紋理。
灰色:中立性和實用性有關。當作為後台用它加劇了其他顏色。
最後,在廣告設計時,請確定您是在RGB顏色模式設計。您的banner廣告任何時候只屏幕上顯示。
13.考慮使用動畫
Banner中用動畫是十分有效的,但你要確保它不會從廣告信息中心脫離出來。 如果是用動畫,需要讓它簡單一些,不超過15秒,並且不要循環在3次以上。此外動畫的最後一幀應該是個號召性質的。
14.脫穎而出的效果
你的廣告是個補充效果,但需要在整體頁面中脫穎而出。
如果您的廣告在視覺上跟網站整體融合的很好,這會是個很好的網站,而且能贏得用戶的信任。但是不要讓它融入太多,廣告還是需要用戶能看到或點擊。
Banner廣告好不好主要看它的性能。也許它是世界上最醜陋的banner,但如果性能很好,那麼它是一個成功的設計。
推薦閱讀:
※UX設計背後的"SSR玄學" — 色彩心理學
※如果魔鬼撒旦是網頁設計師......
※作為設計師,當我們在面試時,到底是在面什麼?
※跟迪士尼學動效設計(下篇)
※iOS 文本對齊,如何像素般精確還原設計稿