Banner 廣告是快速高效的吸引用戶的重要手段。Banner 廣告在網站中通常都占據著不錯的位置,它們的轉化率和它本身的設計優(yōu)秀與否息息相關,最重要的是,它要能迅速的吸引用戶的注意力,通過優(yōu)秀的文案和視覺讓用戶立刻馬上點擊。
今天的文章,我們通過一系列優(yōu)秀的范例,幫你梳理Banner 廣告的20種高度可行、轉化率高的設計思路。
1、聚焦LOGO
如果你的LOGO本身設計足夠優(yōu)秀,那么記得將它放置在廣告Banner的正中央。Buatoom 就將他們的投放到Omise 的Banner廣告中,高亮處理了他們的LOGO。
2、扁平插畫
扁平化的插畫是時下流行的一種處理手法,它們并不復雜,但是同樣可以帶來漂亮的視覺效果。如果你們的產品也適合這么處理的話,不妨試著設計一些扁平風的插畫風banner,以備不時之需。
3、模糊效果
模糊效果本身也是非常常見的處理手法。將模糊運用在Banner 的背景當中,突出特定的元素,讓整個設計擁有了縱深,相當有趣。
4、借助柵格
柵格常常用來組織不同的設計元素,雖然創(chuàng)建柵格會占用你幾分鐘時間,但是它能夠在設計過程中省卻不少時間。Banner 廣告中,使用柵格快速構建布局,能夠給人清晰直觀的感覺。
5、嘗試單色配色方案
單色布局同樣能夠創(chuàng)造出不錯的視覺效果,重要的是掌握元素之間的平衡,你看看下面的幾個案例就能夠理解。單色配色方案不是僅僅只使用一種顏色,而是要善用一個顏色和它的同系色彩。
6、字體搭配
雖然我們?yōu)榱俗非笠恢滦缘拇钆?,通常不會使用太多的字體,但是在廣告中,有時候為了創(chuàng)造多樣而獨特的視覺體驗,可以將多種不同的字體有目的的搭配起來。當然,色彩的搭配也是要注意的。
7、大膽使用強對比色
你可以使用色輪上相對位置的對比色來創(chuàng)造設計,當然你也可以使用深淺對比,這個時候色彩甚至可以是近似的顏色,而兩者在深淺上作出對比也是不錯的。
8、經典的色彩疊加
色彩疊加這種技巧能夠將多種不同的色彩統(tǒng)一到一個色彩體系當中來,它并不一定要非常的清晰、準確,但是能讓你的整個設計呈現出更為風格化的一面。許多設計會采用高飽和度的色彩來疊加,這樣一來白色的文字可以和圖像內容構成明顯對比。
9、特征明顯的手寫字體
手寫字體是非常富有張力的,你可以使用現成的字體,也可以通過自定義筆畫來構建字體。
10、善用圖案
在特定的節(jié)日,可以在Banner 廣告中加入小的圖案來營造氛圍。在扁平化設計風格深入人心的今天,也許你只需要反復使用一些常見的幾何圖案就能達到裝飾的目的。
11、以文本為中心的布局設計
如果你的Banner 廣告并不是以圖片為中心,而是要突出特定的文本內容,那么你可能需要將特定的文本風格化處理,或者同其他的內容構成視覺對比。
12、展示,而不是吶喊
讓你的產品自己說話,而不是喊口號。如果你的Banner 廣告中的產品能夠不言自明,那么最好是使用圍繞產品本身的設計,突出產品。這樣的設計并不是要你將文本去掉,而是要淡化處理,突出產品本身的特質。
13、使用模板
如果你經常做系列化的設計,那么可能會經常用到各式各樣的模板,許多模板有不錯的復用性,甚至部分模板有相當不錯的泛用性,善用這些模板。
14、突出CTA按鈕
許多廣告都涉及到點擊率這樣的KPI,按鈕幾乎是其中繞不開的UI元素,這些核心的行為召喚元素最好高亮顯示,搭配合適的文本內容,讓它看起來很容易點擊也很值得點擊。
15、使用抓人眼球的色彩
如果你想讓你的廣告Banner更容易被人注意到,那么在色彩上多花心思是值得的。在以藍色為主色調的Facebook 中打廣告,你的Banner 如果使用藍色,不論飽和度多高,都很容易“融入”到整個頁面中,如果相反,使用橙色作為主色調,就很容易從整個設計中脫穎而出了。
16、精心策劃的攝影內容
許多廣告Banner 中都會使用攝影作品作為背景或者視覺主體,精心設計的圖片或者攝影作品能夠讓你的設計事半功倍。
17、使用漸變
微妙的漸變已經作為已經設計趨勢回歸了。漸變的背景,甚至漸變的疊加,都能讓你的Banner設計風格化,搭配圖片、紋理和文字,漸變能給人多種多樣的體驗。
18、使用紋理
和UI設計不同,在電商和廣告Banner 的設計當中,紋理一直都存在,甚至是非常常用的元素。紋理能夠很好的提升整個Banner 的信息量和整體的質感。當然,在使用紋理的時候千萬不要讓紋理喧賓奪主。
19、幾何圖形
幾何圖形可以單獨作為裝飾元素置于Banner中,也可以融入到整體設計中,強化Banner 的設計感。這些幾何元素能夠提升Banner 給人的形式感和趣味。
20、醒目的標題
很多廣告的尺寸并不大,醒目的標題能夠讓內容顯得更加突出,更加直接的傳遞信息。