Hi,你放假了嗎扮宠？如果放假了西乖，好好過吧~如果還在上班，嗯涵卵，晚上給自己做些好吃的吧~
今天呢浴栽，豆豆作為寫給設(shè)計的值班人，想和你聊一聊banner的問題轿偎。
我們都知道典鸡，Banner廣告在網(wǎng)站中通常都占據(jù)著非常顯著的位置，特別是對電商設(shè)計師來說坏晦。并且萝玷，Banner價值的體現(xiàn)也就是轉(zhuǎn)化率和本身的漂亮設(shè)計息息相關(guān)，最重要的是昆婿，它要能迅速的吸引用戶的注意力球碉，通過優(yōu)秀的文案和視覺讓用戶立刻馬上點擊。
今天這封信呢仓蛆，豆豆想通過20個例子睁冬，幫你梳理Banner廣告的一些可行、轉(zhuǎn)化率高的設(shè)計思路看疙，希望對你有所幫助豆拨。那我們開始吧~
1. 聚焦LOGO
如果你的LOGO本身設(shè)計足夠優(yōu)秀，那么記得嘗試將它放置在廣告Banner的正中央能庆。比如施禾，下面的這兩個例子里的Banner廣告中，就是這樣做的搁胆，而且弥搞，效果很好。
2. 扁平插畫
扁平化的插畫是時下流行的一種處理手法渠旁，它們并不復(fù)雜攀例，但是同樣可以帶來漂亮的視覺效果。如果你們的產(chǎn)品也適合這么處理的話顾腊，不妨試著設(shè)計一些扁平風(fēng)的插畫風(fēng)Banner肛度，反正我是非常喜歡這種風(fēng)格的。
3. 模糊效果
模糊效果本身也是非常常見的處理手法投慈。將模糊運用在Banner的背景當(dāng)中承耿，突出特定的元素，讓整個設(shè)計擁有了縱深伪煤，相當(dāng)有趣加袋。
4. 借助柵格
柵格常常用來組織不同的設(shè)計元素，雖然創(chuàng)建柵格會占用你幾分鐘時間抱既，但是它能夠在設(shè)計過程中省卻不少時間职烧。Banner廣告中，使用柵格快速構(gòu)建布局防泵，能夠給人清晰直觀的感覺蚀之。
5. 嘗試單色配色方案
單色布局同樣能夠創(chuàng)造出不錯的視覺效果，重要的是掌握元素之間的平衡捷泞，你看看下面的幾個案例就能夠理解足删。單色配色方案不是僅僅只使用一種顏色，而是要善用一個顏色和它的同系色彩锁右。
6. 字體搭配
雖然我們?yōu)榱俗非笠恢滦缘拇钆涫埽ǔ２粫褂锰嗟淖煮w，但是在廣告中咏瑟，有時候為了創(chuàng)造多樣而獨特的視覺體驗拂到，可以將多種不同的字體有目的的搭配起來。當(dāng)然码泞，色彩的搭配也是要注意的兄旬。
7. 大膽使用強對比色
你可以使用色輪上相對位置的對比色來創(chuàng)造設(shè)計，當(dāng)然你也可以使用深淺對比余寥，這個時候色彩甚至可以是近似的顏色领铐，而兩者在深淺上作出對比也是不錯的。
8. 經(jīng)典的色彩疊加
色彩疊加這種技巧能夠?qū)⒍喾N不同的色彩統(tǒng)一到一個色彩體系當(dāng)中來劈狐，它并不一定要非常的清晰罐孝、準確，但是能讓你的整個設(shè)計呈現(xiàn)出更為風(fēng)格化的一面肥缔。許多設(shè)計會采用高飽和度的色彩來疊加莲兢，這樣一來白色的文字可以和圖像內(nèi)容構(gòu)成明顯對比。
9. 特征明顯的手寫字體
手寫字體是非常富有張力的续膳，你可以使用現(xiàn)成的字體改艇，也可以通過自定義筆畫來構(gòu)建字體。
10. 善用圖案
在特定的節(jié)日坟岔，可以在Banner廣告中加入小的圖案來營造氛圍谒兄。在扁平化設(shè)計風(fēng)格深入人心的今天，也許你只需要反復(fù)使用一些常見的幾何圖案就能達到裝飾的目的社付。
11. 以文本為中心的布局設(shè)計
如果你的Banner廣告并不是以圖片為中心承疲，而是要突出特定的文本內(nèi)容邻耕，那么你可能需要將特定的文本風(fēng)格化處理，或者同其他的內(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ù)用性花沉，甚至部分模板有相當(dāng)不錯的泛用性柳爽，善用這些模板。
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)站，你一定不能錯過贡这。
還在百度圖片茬末？高清美圖和GIF動圖素材網(wǎng)站，拿走不謝盖矫！
17. 使用漸變
微妙的漸變已經(jīng)作為已經(jīng)設(shè)計趨勢回歸了丽惭。漸變的背景击奶，甚至漸變的疊加，都能讓你的Banner設(shè)計風(fēng)格化吐根，搭配圖片正歼、紋理和文字，漸變能給人多種多樣的體驗拷橘。
18. 使用紋理
和UI設(shè)計不同，在電商和廣告Banner的設(shè)計當(dāng)中喜爷，紋理一直都存在冗疮，甚至是非常常用的元素。紋理能夠很好的提升整個Banner的信息量和整體的質(zhì)感檩帐。當(dāng)然术幔，在使用紋理的時候千萬不要讓紋理喧賓奪主。
19. 幾何圖形
幾何圖形可以單獨作為裝飾元素置于Banner中湃密，也可以融入到整體設(shè)計中诅挑，強化Banner的設(shè)計感。這些幾何元素能夠提升Banner給人的形式感和趣味泛源。
20. 醒目的標題
很多廣告的尺寸并不大拔妥，醒目的標題能夠讓內(nèi)容顯得更加突出，更加直接的傳遞信息达箍。
寫在最后
Banner廣告設(shè)計没龙，就像是你穿衣服，有不同的氣質(zhì)缎玫，不同的風(fēng)格硬纤，而我們要做的就是快速的去搭配出漂亮的那一套來。
希望今天分享的這些知識點可以幫助你快速的設(shè)計出漂亮的banner廣告赃磨。就到這里吧~
? 如果喜歡筝家，就分享給你第一個想起的人吧~
