Banner 廣告是快速高效的吸引用戶的重要手段。Banner 廣告在網(wǎng)站中通常都占據(jù)著不錯的位置，它們的轉(zhuǎn)化率和它本身的設(shè)計優(yōu)秀與否息息相關(guān)，最重要的是，它要能迅速的吸引用戶的注意力，通過優(yōu)秀的文案和視覺讓用戶立刻馬上點擊。

今天的文章，我們通過一系列優(yōu)秀的范例，幫你梳理Banner 廣告的20種高度可行、轉(zhuǎn)化率高的設(shè)計思路。

1、聚焦LOGO

如果你的LOGO本身設(shè)計足夠優(yōu)秀，那么記得將它放置在廣告Banner的正中央。Buatoom 就將他們的投放到Omise 的Banner廣告中，高亮處理了他們的LOGO。

2、扁平插畫

扁平化的插畫是時下流行的一種處理手法，它們并不復(fù)雜，但是同樣可以帶來漂亮的視覺效果。如果你們的產(chǎn)品也適合這么處理的話，不妨試著設(shè)計一些扁平風的插畫風banner，以備不時之需。

3、模糊效果

模糊效果本身也是非常常見的處理手法。將模糊運用在Banner 的背景當中，突出特定的元素，讓整個設(shè)計擁有了縱深，相當有趣。

4、借助柵格

柵格常常用來組織不同的設(shè)計元素，雖然創(chuàng)建柵格會占用你幾分鐘時間，但是它能夠在設(shè)計過程中省卻不少時間。Banner 廣告中，使用柵格快速構(gòu)建布局，能夠給人清晰直觀的感覺。

5、嘗試單色配色方案

單色布局同樣能夠創(chuàng)造出不錯的視覺效果，重要的是掌握元素之間的平衡，你看看下面的幾個案例就能夠理解。單色配色方案不是僅僅只使用一種顏色，而是要善用一個顏色和它的同系色彩。

6、字體搭配

雖然我們?yōu)榱俗非笠恢滦缘拇钆洌ǔ２粫褂锰嗟淖煮w，但是在廣告中，有時候為了創(chuàng)造多樣而獨特的視覺體驗，可以將多種不同的字體有目的的搭配起來。當然，色彩的搭配也是要注意的。

7、大膽使用強對比色

你可以使用色輪上相對位置的對比色來創(chuàng)造設(shè)計，當然你也可以使用深淺對比，這個時候色彩甚至可以是近似的顏色，而兩者在深淺上作出對比也是不錯的。

8、經(jīng)典的色彩疊加

色彩疊加這種技巧能夠?qū)⒍喾N不同的色彩統(tǒng)一到一個色彩體系當中來，它并不一定要非常的清晰、準確，但是能讓你的整個設(shè)計呈現(xiàn)出更為風格化的一面。許多設(shè)計會采用高飽和度的色彩來疊加，這樣一來白色的文字可以和圖像內(nèi)容構(gòu)成明顯對比。

9、特征明顯的手寫字體

手寫字體是非常富有張力的，你可以使用現(xiàn)成的字體，也可以通過自定義筆畫來構(gòu)建字體。

10、善用圖案

在特定的節(jié)日，可以在Banner 廣告中加入小的圖案來營造氛圍。在扁平化設(shè)計風格深入人心的今天，也許你只需要反復(fù)使用一些常見的幾何圖案就能達到裝飾的目的。

11、以文本為中心的布局設(shè)計

如果你的Banner 廣告并不是以圖片為中心，而是要突出特定的文本內(nèi)容，那么你可能需要將特定的文本風格化處理，或者同其他的內(nèi)容構(gòu)成視覺對比。

12、展示，而不是吶喊

讓你的產(chǎn)品自己說話，而不是喊口號。如果你的Banner 廣告中的產(chǎn)品能夠不言自明，那么最好是使用圍繞產(chǎn)品本身的設(shè)計，突出產(chǎn)品。這樣的設(shè)計并不是要你將文本去掉，而是要淡化處理，突出產(chǎn)品本身的特質(zhì)。

13、使用模板

如果你經(jīng)常做系列化的設(shè)計，那么可能會經(jīng)常用到各式各樣的模板，許多模板有不錯的復(fù)用性，甚至部分模板有相當不錯的泛用性，善用這些模板。

14、突出CTA按鈕

許多廣告都涉及到點擊率這樣的KPI，按鈕幾乎是其中繞不開的UI元素，這些核心的行為召喚元素最好高亮顯示，搭配合適的文本內(nèi)容，讓它看起來很容易點擊也很值得點擊。

15、使用抓人眼球的色彩

如果你想讓你的廣告Banner更容易被人注意到，那么在色彩上多花心思是值得的。在以藍色為主色調(diào)的Facebook 中打廣告，你的Banner 如果使用藍色，不論飽和度多高，都很容易“融入”到整個頁面中，如果相反，使用橙色作為主色調(diào)，就很容易從整個設(shè)計中脫穎而出了。

16、精心策劃的攝影內(nèi)容

許多廣告Banner 中都會使用攝影作品作為背景或者視覺主體，精心設(shè)計的圖片或者攝影作品能夠讓你的設(shè)計事半功倍。如果你喜歡這樣的設(shè)計，那么我們曾經(jīng)推薦過的這些圖庫網(wǎng)站，你一定不能錯過：

• 《給你 60 家免費版權(quán)圖片網(wǎng)站，以后別再跟我說找不到圖了！》
• 《厲害了！能從50個頂尖圖庫中找到免費素材，還能精準篩選！》

17、使用漸變

微妙的漸變已經(jīng)作為已經(jīng)設(shè)計趨勢回歸了。漸變的背景，甚至漸變的疊加，都能讓你的Banner設(shè)計風格化，搭配圖片、紋理和文字，漸變能給人多種多樣的體驗。

18、使用紋理

和UI設(shè)計不同，在電商和廣告Banner 的設(shè)計當中，紋理一直都存在，甚至是非常常用的元素。紋理能夠很好的提升整個Banner 的信息量和整體的質(zhì)感。當然，在使用紋理的時候千萬不要讓紋理喧賓奪主。

19、幾何圖形

幾何圖形可以單獨作為裝飾元素置于Banner中，也可以融入到整體設(shè)計中，強化Banner 的設(shè)計感。這些幾何元素能夠提升Banner 給人的形式感和趣味。

20、醒目的標題

很多廣告的尺寸并不大，醒目的標題能夠讓內(nèi)容顯得更加突出，更加直接的傳遞信息。

【更多Banner設(shè)計好文】

1. 《BANNER設(shè)計終極寶典！6招搞定點綴元素的運用！》
2. 《用高手的實戰(zhàn)案例，教小白從零開始設(shè)計出好看的BANNER！》
3. 《掌控BANNER設(shè)計中促銷氛圍的“火候”，看這篇文章就夠了！》
4. 《電商丨四步挖掘靈感，30分鐘打造出一款圣誕節(jié)BANNER！》

原文地址：designschool
原文作者：Maria Jose
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導航：http://hao.uisdc.com