設計資訊/資料: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 文本對齊,如何像素般精確還原設計稿

TAG:用户界面设计 | banner | UI设计入门 |