廣告Banner :20種高度可行、轉(zhuǎn)化率高的設(shè)計思路

4 評論 19386 瀏覽 144 收藏 13 分鐘

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、扁平插畫

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

3、模糊效果

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

4、借助柵格

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

5、嘗試單色配色方案

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

6、字體搭配

雖然我們?yōu)榱俗非笠恢滦缘拇钆?,通常不會使用太多的字體,但是在廣告中,有時候為了創(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è)計風格深入人心的今天,也許你只需要反復使用一些常見的幾何圖案就能達到裝飾的目的。

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)常用到各式各樣的模板,許多模板有不錯的復用性,甚至部分模板有相當不錯的泛用性,善用這些模板。

14、突出CTA按鈕

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

15、使用抓人眼球的色彩

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

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

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

17、使用漸變

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

18、使用紋理

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

19、幾何圖形

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

20、醒目的標題

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

 

原文作者:Maria Jose

原文地址:designschool

譯者:@陳子木

譯文地址:http://www.uisdc.com/20-skills-web-banner-ads

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我的疑問是這些真的轉(zhuǎn)化率都高嗎?

    來自江西 回復
    1. 廣告設(shè)計的好壞影響的只有廣告的點擊率,轉(zhuǎn)化率要看廣告受眾的精準性和著陸頁的質(zhì)量

      來自廣東 回復
  2. 好漂亮的配圖,各家設(shè)計師都加雞腿

    來自廣東 回復
  3. 非常 不錯滴

    來自上海 回復