BannerMaker大小通常為950x120。格式為jpg和gif。
如果妳找不到它，妳可以自己做。字體為方形、粗、棕褐色和黑色。
靈貓電商~ ~ ~
第壹次看到橫幅材料這個詞是什麽意思？我不知道這是什麽意思。和其他圖片資料有什麽區別？網頁中的橫幅通常是廣告，也稱為“橫幅廣告”。其實banner廣告（網絡廣告的主要形式，壹般使用GIF格式的圖像文件，可以使用靜態圖形，也可以將多幀圖像拼接成動畫圖像。
如何設計橫幅廣告圖橫幅廣告無處不在。從網站首頁頂部的內容推薦到側邊欄，從文章到圖庫列表，妳會發現幾乎所有內容存在的地方都有他們的影子。通常，它們看起來很漂亮，有點浮誇，會侵蝕妳的網頁瀏覽體驗。盡管我們正在盡最大努力減少它們對用戶的負面影響，但壞名聲總是與它們綁定在壹起。
其實Banner廣告對用戶的影響很大，合理應用肯定事半功倍。那麽如何打造壹個不枯燥且轉化率可觀的優秀Banner廣告呢？
這個模糊的理論可能不夠有根據。讓我們從以下50個案例中學習橫幅廣告設計技巧。
1，風格化圖形排版
這是壹組由DearMissModern制作的橫幅廣告，每張圖片在文字和圖片素材上都保持了氣質和風格的壹致性。字體的正式感和圖片材料中圖像和圖形的搭配使整個廣告橫幅的感覺更強。如果圖片不是那麽風格化，而是更微妙，則應該搭配更經典和吸引人的字體，原因是相同的。
2.創建層次結構
Visa的節日廣告橫幅充分利用了分層結構的優勢。照片的選擇是壹種有景深和層次的食物，會在第壹瞬間吸引人，而文字的排版則覆蓋了模糊的視覺，這保證了可讀性，並增加了壹層來傳遞信息並確保不會混亂。按鈕的位置正好在食物的上方，文字的下方，恰到好處地吸引人們點擊。
3.使用相關圖標
谷歌的這個廣告橫幅通過手繪圖標帶來了個人體驗。
圖片中的每個手繪圖標都非常容易識別。雖然它並不復雜，但它給人壹種穿越世界的感覺。這種不可名狀卻又感人至深的感覺讓這個廣告不再只是壹個廣告。
4.添加意外元素
招聘廣告應該怎麽做？谷歌的招聘廣告也出人意料。沒有高大的說明書和漂亮的女孩，而是像社區公告欄上的小手寫廣告壹樣的塗鴉手寫廣告。這種廣告並不復雜，但卻出人意料，這種熟悉的感覺也足夠感人。
5.添加插圖
這個案例也是谷歌的廣告地圖。插畫的加入讓整個廣告圖充滿童真和趣味，加上扁平化的元素，整體看起來更加統壹。這種插圖並不難實現。它可能看起來有點粗糙，但它真的很友好。插圖不同於照片。它可以賦予設計師無法比擬的氣質。當然，妳得用好它。
6.布局調整
這張胖牛的廣告圖片是由EnvatoStudio設計的。為了適應不同的廣告空間，整個廣告被制作成不同大小的幾個版本。在設計出最常用的廣告圖後，對其中的元素進行兩次編輯，使其適合其他廣告空間的大小，並且需要調整、刪除或添加壹些元素，這樣才能實現。
7.使用多彩的顏色
這則GoogleMusic廣告使用了同樣高飽和度的充滿活力的粉色和藍色，形成了鮮明的對比，對人們產生了深遠的影響。與普通的單色調橫幅相比，這種多彩的多種顏色搭配更加醒目，但在使用時應更加註意確保可讀性和協調性。
8.保持簡單
如果說可口可樂有什麽過人之處，那麽保持設計的簡潔絕對是值得學習的眾多優點之壹。可口可樂廣告的橫幅設計很好地延續了這壹傳統:產品圖LOGO slogan的標誌性配色。雖然內容不多，但效果很大。
充滿所有信息的橫幅廣告對妳沒有任何好處，因為用戶根本不會閱讀它。呈現最重要的信息就足夠了。
9.註意趨勢
關註流行文化和流行趨勢對妳設計橫幅廣告非常有用。坎貝爾是這樣的。它很好地利用了《星球大戰》電影的IP，推出了相關題材的產品，並吸引了《星球大戰》的粉絲購買產品。借助流行趨勢和話題宣傳相應產品絕對是事半功倍。
10使用紋理
金寶湯的廣告是利用紋理改善質感的典範。畫筆的鋸齒邊緣使整個廣告的視覺效果更加微妙，廣告畫面中的其他元素遠不突出，但紋理的添加猶如點睛之筆，使整體效果得到提升。
11，借助小生
利基是指由企業優勢細分的市場。廣告通常需要針對目標人群，這樣才能達到最佳效果。
如果塔吉特嬰幼兒產品的廣告商針對的是母親，還有什麽比粉紅色和可愛的場景更容易吸引她們呢？
12，顯示圖片，不顯示文字
Zarbee的維生素廣告橫幅在圖片的使用技巧方面相當突出。水果代替維生素，強化概念，而不是用文字描述，巧妙而直觀。
13，清晰的焦點
當廣告有明確的重點時，品牌和用戶之間的溝通將更加直接。這張橫幅廣告圖也是為塔吉特百貨設計的。品牌LOGO從位置到顏色都很顯眼，加上美女體態的結構引導，塔吉特的品牌LOGO無疑是整個廣告圖的焦點。
14，使用圖像作為指導
麥當勞的這則廣告是典型的用圖像代替文字來傳達信息，咖啡壹詞被相應的圖片所取代。在傳遞信息的同時，也讓整個廣告畫面不再單調，變得圖文混雜。簡單的文字和圖片可以傳遞信息，但混合使用更有趣和分散註意力。
15，讓產品發聲
在這張廣告圖中，無論是感官上還是視覺上，麥當勞的McFlurry無疑是核心。灰色的背景使色彩豐富的MacFlurry主體脫穎而出。讓產品本身在廣告中脫穎而出，這可以使整個橫幅更具表現力和針對性。
16創建角度
奧迪的廣告圖通過劃分空間來呈現不同的信息，但最引人註目的是略微扭曲的角度帶來的獨特視覺體驗。這種調整使具體信息更加醒目，並且配合畫面中車身本身的角度，整個廣告畫面更加動感。
17，使用蓋子
使用具有特定顏色的半透明層覆蓋背景圖像可以使前景中的文本內容信息突出。這種設計手法現在並不少見。它使背景信息從封面中顯現出來，同時使文本內容更具可讀性，並增強了整體層次感。
18，設置場景
蒂芙尼& ampCo珠寶的廣告圖的設計可以稱為樂趣。旋轉的雞尾酒杯和美麗的珠寶組合表明它們經常同時出現在同壹場景中，營造出優雅精致的感覺。通過相關物品的組合，提示用戶自行腦補場景。
19，創意字體
好的排版可以吸引用戶的註意力，耐克的這則廣告尤為突出。它的字體設計很有創意，這些被肢解的字體也具有很強的辨識度，但這種設計使它們看起來更輕盈，更具科技感。這種視覺增強使廣告和產品更具吸引力。
20.使用風格化的插圖。
插圖可以很簡單，也可以充滿細節。風格化的插圖可以通過細節和風格增加信息的厚度，講述故事和傳達情感。這幅插畫充滿了力量和能量，這非常符合耐克的品牌氣質。
21，使用多種元素
雖然有風險，但它可以通過合理地匹配廣告地圖中的各種不同元素來產生良好的形式感，就像這張ebay廣告地圖壹樣。美麗的產品圖、標準字體、手寫字體和插圖元素和諧地組合成壹幅廣告圖。當然，每個元素的存在都是有原因的，它會發揮作用，而不是隨機的。請記住這個。
22.成為流行的風向標
將潮流和趨勢融入Banner的設計中，並使其成為廣告和用戶之間的紐帶。易趣的這則廣告就是這麽做的。在將“HotlineBling”替換為“HauteLineBling”後，這種流行文化得到了更好的詮釋，從而吸引了更多關註這種時尚的用戶。
23、自由拉伸
不是每個廣告橫幅都必須使用網格來使每個元素精確對齊，自由拉伸的設計同樣有效。Yoplait的廣告是這樣設計的，這使它更有趣和童趣。當然，這樣的設計是否合適取決於其產品的氣質和特點。
24.創建聯系人
在設計過程中，妳的廣告圖中的圖片和文字之間保持足夠的相關性是非常重要的。塔爾博特廣告圖片中的圖片和文字的氣質非常接近。
25、制造比較
對比是吸引用戶註意力的有效手段，ESPN的這則廣告橫幅的設計就深諳此道。在深紅色的背景下，白色的字符非常突出。字體也是尖而輕的類型，使信息傳遞的有效性更高。
26、對稱設計
對稱設計可以很好地平衡廣告中的元素。設計師可能經歷了深入的思考才得到這個設計，但產出非常迅速。蘋果的這則廣告並不復雜。音樂人的黑白照片基本上圍繞AppleMusic對稱，同時保持了壹定的美感。這個簡單的設計簡單而清晰。
27.目標用戶生活指南
就像廣告Chegg壹樣，如果妳想吸引特定的用戶群體，妳不妨站在他們的立場上，在廣告中為他們註入生活方式指南。站在特定用戶的立場來表達和展示產品，更容易獲得共鳴，獲得更多點擊。
28.使用動態效果
在靜態頁面中，最容易吸引人們註意力的無疑是動態元素。如果您使用動態效果來呈現您想要表達的廣告內容，則可以使您的內容更快地到達用戶手中。當然，前提是設計要足夠簡潔，這樣才能避免瑣碎的內容，讓用戶更容易獲取。
29、尖銳而鮮明
吉列剃須刀的廣告在視覺上可以被視為壹個尖銳而生動的模型。銳利的角度，深色背景上鋒利的剃刀圖片，棱角分明的字體和強烈對比的配色方案都使這則廣告在視覺上清晰醒目，讓人欲罷不能。
30.創造視覺深度
本田的廣告平面設計並不復雜，它的特點是背景上的黃色線條筆畫。那輛似乎懸在空中的汽車似乎靠著線落在了地上。妳不需要太復雜的設計，妳可以為廣告圖創造視覺深度並留下印象。
31，使用獨特的字體
在廣告的橫幅圖中使用個性化字體也可以有效地吸引用戶的註意力。百事可樂廣告中使用的字體充滿個性，但也清晰可讀，給人壹種俏皮有趣的感覺，同時又不影響信息的傳遞。
32.使用各種漂亮的排版。
對於漂亮的文字排版，絕大多數用戶還是很吃這壹套的。這則CaliforniaPizzaKitchen的廣告是由McGrathCreative為他們精心設計的。不僅排版設計精美，還創造性地與披薩本身相結合。
33.使用簡單的圖片
簡單直觀的圖片在網站上非常實用。他們通常更有效地展示內容，並使廣告橫幅的信息更直觀。目前設計師通常使用平面風格的簡單插圖來襯托主體並增加信息量，就像Coda的這個廣告壹樣。
34.使用紋理來增加視覺深度。
阿迪達斯的廣告畫面在視覺上非常有趣，背景的紋理並不復雜，但規則而科學的線條不僅增加了視覺深度，還營造出符合品牌氣質的速度感。
35.使用品牌顏色
如果在橫幅廣告中沒有使用PayPal標誌性的藍色，那麽只有圖片中的圖片不會給妳留下深刻的印象，但正是品牌顏色的使用將圖片和品牌綁定在壹起，相互促進並使妳記住。
36.不要只想著升職。
廣告橫幅用於推廣，這沒有問題，但有時不需要那麽明顯。FreePeople的這則廣告鼓勵用戶不要只買買買，而是要多看、多逛、多比較。雖然這也可以促進銷售，但看起來更像是從用戶的角度給出建議。
37.使用大膽的顏色
我，安娜的廣告圖片配色堪稱大膽飽滿，紅色充滿活力和醒目，黃色的加入使整個配色更加協調，更容易吸引用戶的註意力。
38.舉個簡單的例子。
有時候，精美的插圖不壹定符合妳的品牌或妳想表達的內容。星巴克的這則廣告就是在這種情況下誕生的。精致精美的圖片並不能滿足他們的需求，但扁平而略顯幼稚的插圖更簡單到位。它顯示了新飲料的成分，這張廣告圖片讓妳感覺像在星巴克看菜單。
39、動態效應的引入
這張來自星巴克的廣告圖片在壹個小區域內展示了壹個非常有吸引力的動態元素。波紋從中心開始向外發散。當用戶看到這個廣告時，他們會不由自主地被它吸引。
40、充分移動。
如果妳對動態效果的運用足夠熟練，不妨讓整個廣告橫幅中的元素動起來，這樣更容易脫穎而出。設計師借助動態效果充分展示了在平板電腦中應用的使用過程，在短短幾秒鐘內，您可以獲得比靜態橫幅圖更多的信息，體驗非常出色。
41，使用幾何紋理
科羅娜的這則廣告將流行的低聚元素應用於橙色的形象。這種幾何紋理使橙子具有涼爽和透明的感覺，這使您對Corona的啤酒感興趣。
42.用有趣的圖形劃分空間。
Brightgreen的廣告畫面被鉆石分割成兩個不同的空間，使廣告畫面成為兩個自然層次。空白部分承載文字信息，而綠色部分承載圖片，使整個圖片清晰而充滿質感。
43.添加陰影
Long shadow是壹種之前已經流行了很長時間的設計趨勢，Webduckdesign創作的這則廣告就是壹個非常好的用例。如果沒有陰影，那麽整個畫面看起來就會相當單調。長影的加入讓它看起來不那麽扁平，有層次感。
44.以圖案為肌理。
與精致的圖案不同，在背景上疊加特定的圖案作為紋理可以營造特定的氛圍。這個由AnneSophieHostert設計的廣告使用了冰淇淋和菠蘿的圖案和紋理來營造夏天的感覺。
45、使用顏色塊分割
如果妳不想在廣告畫面中僅使用手中的圖片作為背景，不妨將其分成不同的部分並與單色色塊壹起使用，使整個廣告畫面具有更強的形式感。
46.使用線條裝飾
廣告圖片大多由圖片和文字組成，但適當添加壹些裝飾會使廣告圖片看起來更飽滿。與各種高光相比，線條的裝飾性並不弱，而且更自由，效果也相當不錯。
47.講故事
廣告的最終目的是銷售產品，而最有效的方法是講述真實用戶的體驗。這則廣告是為亞馬遜的電子書APPAudible設計的，圖片中的場景旨在宣傳他們的產品可以在許多場景中不受幹擾地使用。
48.幽默壹點
幽默的展示通常比強有力的促銷更有效，他們更願意看到搞笑的內容。
49.使用簡單的字體搭配。
無需復雜的排版設計，搭配幾種風格相同、易於識別的字體，就像必勝客的這則廣告壹樣，也能達到增加信息量、賞心悅目的效果。
50.使用簡單的圖形來強調。