當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

教你快速著手設計廣告BANNER

2019-01-07 1318 0

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

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

1、聚焦LOGO

聚焦你的標志.jpg

標致在中心的設計.png

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

2、扁平插畫

扁平插畫設計.png

扁平插畫運用的設計.png

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

3、模糊效果

模糊效果的運用.png

模糊背景的設計.png

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

4、借助柵格

借助柵格的設計.jpg

借助柵格的設計案例.png

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

5、嘗試單色配色方案

嘗試單色配色方案的設計.png

嘗試單色配色方案的設計案例.png

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

6、字體搭配

完美字體搭配的設計.jpg

完美字體搭配的設計案例.png

雖然我們?yōu)榱俗非笠恢滦缘拇钆?,通常不會使用太多的字體,但是在廣告中,有時候為了創(chuàng)造多樣而獨特的視覺體驗,可以將多種不同的字體有目的的搭配起來。當然,色彩的搭配也是要注意的。

7、大膽使用強對比色

使用強對比色的設計.jpg

使用強烈對比色的案例設計.png

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

8、經典的色彩疊加

經典的色彩疊加設計.jpg

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

9、特征明顯的手寫字體

特征明顯的手寫字體設計.jpg

特征明顯的手寫字體案例設計.png

手寫字體是非常富有張力的,你可以使用現成的字體,也可以通過自定義筆畫來構建字體。

10、善用圖案

善用圖案的設計.png

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

11、以文本為中心的布局設計

以文本為中心的布局設計.png

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

12、展示,而不是吶喊

展示,而不是吶喊.jpg

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

13、使用模板

使用模板設計.jpg

使用模板案例設計.png

如果你經常做系列化的設計,那么可能會經常用到各式各樣的模板,許多模板有不錯的復用性,甚至部分模板有相當不錯的泛用性,善用這些模板。

14、突出CTA按鈕

突出CTA按鈕的設計.jpg

突出CTA按鈕的案例設計.png

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

15、使用抓人眼球的色彩

使用抓人眼球的色彩設計.jpg

使用抓人眼球的色彩案例設計.png

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

16、精心策劃的攝影內容

精心策劃的攝影內容設計.jpg

精心策劃的攝影內容案例設計.png

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

17、使用漸變

使用漸變設計.jpg

使用漸變案例設計.png

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

18、使用紋理

使用紋理設計.jpg

使用紋理案例設計.png

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

19、幾何圖形

幾何圖形設計.jpg

幾何圖形案例設計.png

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

20、醒目的標題

醒目的標題設計.png

醒目的標題案例設計.png

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


0
評論區(qū)(0)
正在加載評論...
相關推薦