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

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

1、聚焦LOGO

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

2、扁平插畫(huà)

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

3、模糊效果

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

4、借助柵格

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

5、嘗試單色配色方案

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

6、字體搭配

雖然我們?yōu)榱俗非笠恢滦缘拇钆洌ǔ２粫?huì)使用太多的字體，但是在廣告中，有時(shí)候?yàn)榱藙?chuàng)造多樣而獨(dú)特的視覺(jué)體驗(yàn)，可以將多種不同的字體有目的的搭配起來(lái)。當(dāng)然，色彩的搭配也是要注意的。

7、大膽使用強(qiáng)對(duì)比色

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

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

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

9、特征明顯的手寫(xiě)字體

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

10、善用圖案

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

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

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

12、展示，而不是吶喊

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

13、使用模板

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

14、突出CTA按鈕

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

15、使用抓人眼球的色彩

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

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

許多廣告Banner 中都會(huì)使用攝影作品作為背景或者視覺(jué)主體，精心設(shè)計(jì)的圖片或者攝影作品能夠讓你的設(shè)計(jì)事半功倍。

17、使用漸變

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

18、使用紋理

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

19、幾何圖形

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

20、醒目的標(biāo)題

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