插畫廣告-如何在完成的網頁中間插入壹個水平廣告，950像素長，90像素高
其實橫幅廣告對用戶的影響很大，合理的應用壹定會事半功倍。那麽如何打造壹個不枯燥，轉化率可觀的優秀Banner廣告呢？
模糊的理論可能不夠接地氣。讓我們從以下50個案例中學習橫幅廣告設計技巧。
1，風格化圖形排版
這是壹組由DearMissModern制作的橫幅廣告，每張圖片無論是文字還是圖片素材都保持了氣質和風格的壹致性。字體的形式感和畫面素材中的圖像、圖形的搭配，讓整個廣告條幅感覺更強。如果畫面不是那麽風格化，而是更加含蓄，那就要搭配更經典更吸引人的字體，道理也是壹樣的。
2.創建層次結構
Visa的節日廣告橫幅充分利用了層級結構的優勢。照片的選取是壹種有景深有層次的食物，會在第壹瞬間吸引人，而文字的排版掩蓋了視覺的模糊，保證了可讀性，又增加了壹層傳達信息，保證不會亂。按鈕的位置正好在食物的上方，文字的下方，吸引人點擊的位置剛剛好。
3.使用相關圖標
谷歌的這個廣告橫幅通過手繪圖標帶來了個人體驗。
圖片中的每個手繪圖標都非常容易識別。雖然並不復雜，但給人壹種穿越世界的感覺。這種說不出卻很感人的感覺，讓這個廣告不再只是壹個廣告。
4.添加意外元素
招聘廣告應該怎麽做？谷歌的招聘廣告也出人意料。沒有高大上的說明和漂亮的姑娘，而是像社區公告欄上的手寫小廣告壹樣的塗鴉式手寫廣告。這種廣告並不復雜，但卻出人意料，這種熟悉的感覺足夠感人。
5.添加插圖
這個案例也是谷歌的廣告地圖。插畫的加入讓整個廣告圖充滿童真和趣味，加上扁平化的元素，整體看起來更加統壹。這種圖解並不難實現。可能看起來有點粗糙，但是真的很友好。插圖不同於攝影圖片。它能賦予設計師無法比擬的氣質。當然，妳得用好它。
6.布局調整
FatCow的這張廣告圖是EnvatoStudio設計的。為了適應不同的廣告位，整個廣告做了幾個不同大小的版本。設計出最常用的廣告圖後，對其中的元素進行兩次編輯，使其適合其他廣告位的大小，需要調整、刪除或添加壹些元素，才能實現。
7.使用多彩的顏色
這則GoogleMusic廣告使用了同樣高飽和度的充滿活力的粉色和藍色，形成鮮明對比，給人以深刻的影響。相比普通的單色橫幅，這種多彩的多色搭配更加醒目，但在使用時更要註意保證可讀性和協調性。
8.保持簡單
如果說可口可樂有什麽出眾的地方，那麽保持設計簡潔絕對是值得學習的諸多優點之壹。可口可樂的廣告橫幅設計很好的延續了這壹傳統:產品圖的LOGO slogan的標誌性配色。雖然內容不多，但是效果很大。
充滿所有信息的橫幅廣告對妳沒有任何好處，因為用戶根本不會閱讀它。呈現最重要的信息就足夠了。
9.註意趨勢
關註流行文化和正在流行的趨勢，對妳設計橫幅廣告非常有用。坎貝爾就是這樣。很好的利用了星球大戰電影的IP，推出相關題材的產品，吸引星球大戰的粉絲購買產品。借助流行趨勢和話題宣傳相應產品，絕對是事半功倍。
10，使用紋理
金寶湯的廣告是用質感提升質感的典範。筆刷的鋸齒狀邊緣讓整個廣告的視覺效果更加微妙，廣告畫面中的其他元素也遠談不上突出，但質感的加入卻像是畫龍點睛，讓整體效果有所提升。
11，借助小眾
利基是指企業的優勢所細分的市場。廣告通常需要針對目標人群，這樣才能達到最佳效果。
如果塔吉特嬰幼兒產品的廣告客戶針對的是母親，還有什麽比壹幅粉色可愛的畫面更容易吸引她們呢？
12，用圖展示，不要文字
Zarbee的維生素廣告橫幅在圖片的使用技巧上相當出眾。水果代替維生素，強化概念，而不是用文字描述，巧妙直觀。
13，清晰的焦點
當廣告有了明確的焦點，品牌與用戶的溝通會更加直接。這張橫幅廣告圖也是為Target設計的。品牌LOGO從位置到色彩都很顯眼，加上美女體態的結構引導，Target的品牌LOGO無疑是整個廣告版圖的焦點。
14，使用圖像作為指導
麥當勞的這則廣告是典型的用圖像代替文字來傳遞信息，用相應的圖片代替了咖啡這個詞。在傳達信息的同時，也讓整個廣告畫面不再單調，變得圖文並茂。簡單的文字和圖片可以傳達信息，但混合使用更有趣，更分散註意力。
15，讓產品發出聲音
在這幅廣告畫面中，無論是感官上還是視覺上，麥當勞的McFlurry無疑是核心。灰色的背景讓色彩繽紛的MacFlurry主體更加突出。讓產品本身在廣告中凸顯出來，可以讓整個橫幅更有表現力和針對性。
16，創建角度
奧迪的廣告圖通過劃分空間來呈現不同的信息，但最引人註目的是略微扭曲的角度帶來的獨特視覺體驗。這種調整使得具體信息更加醒目，加上畫面中車身本身的角度，整個廣告畫面更加動感。
17，使用蓋子
使用特定顏色的半透明層覆蓋背景圖像，可以使前景中的文本內容信息更加突出。這種設計手法現在並不少見。它讓背景信息從封面中浮現出來，同時讓文字內容可讀性更強，整體層次感增強。
18，場景設置
蒂芙尼。Co珠寶的廣告圖設計可以稱得上好玩。旋轉的雞尾酒杯和美麗的珠寶組合暗示著它們經常同時出現在同壹個場景中，營造出優雅精致的感覺。通過相關物品的組合，提示用戶自己動腦補景。
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.使用品牌顏色
如果banner廣告中沒有使用PayPal標誌性的藍色，只有圖片中的圖片不會給妳留下深刻的印象，但正是品牌顏色的使用將圖片和品牌捆綁在壹起，相互促進，讓妳記憶深刻。
36.不要只想著升職。
廣告橫幅是用來做推廣的，沒問題，但是有時候不需要這麽明顯。FreePeople的這則廣告鼓勵用戶不要只是從buy buy購買，而是要多看、多逛、多比較。雖然這樣也能促進銷售，但看起來更像是站在用戶的角度給出建議。
37.使用醒目的顏色
我，安娜的廣告圖片配色堪稱大膽飽滿，紅色充滿活力，引人註目，黃色的加入讓整個配色更加協調，更容易吸引用戶的註意力。
38.舉個簡單的例子。
有時候，精美的插畫不壹定符合妳的品牌或者妳想表達的東西。星巴克的這則廣告就是在這種情況下誕生的。精美精致的畫面不符合他們的需求，而扁平略顯稚氣的插畫則更為簡潔到位。它顯示了新飲料的成分，這張廣告圖片讓妳感覺像在看星巴克的菜單。
39、引入動態效應
這張來自星巴克的廣告圖片展示了壹個小區域內非常吸引人的動態元素。波紋從中心開始向外發散。用戶看到這個廣告，會不由自主地被它吸引。
40，全力移動。
如果妳對動態效果的運用足夠熟練，不妨讓整個廣告橫幅中的元素動起來，這樣更容易脫穎而出。設計師借助動態效果充分展示了在平板中應用的使用過程，短短幾秒鐘，妳就可以獲得比靜態橫幅圖更多的信息，體驗極佳。
41，使用幾何紋理
科羅娜的這則廣告將流行的低聚元素運用到了橙色的形象上。這種幾何紋理讓橙子有壹種清涼透明的感覺，讓妳對科羅納的啤酒產生興趣。
42.用有趣的圖形劃分空間。
Brightgreen的廣告畫面被鉆石分割成兩個不同的空間，使得廣告畫面成為兩個自然的層次。空白部分承載文字信息，綠色部分承載圖片，使整個畫面清晰而富有質感。
43.添加陰影
長影是之前流行很久的壹種設計趨勢，Webduckdesign打造的這個廣告就是壹個非常好的用例。如果沒有陰影，那麽整個畫面看起來會相當單調。長影的加入讓它看起來不那麽扁平，有層次感。
44.以花紋為肌理。
不同於精致的圖案，在背景上疊加特定的圖案作為紋理，可以營造出特定的氛圍。這個由AnneSophieHostert設計的廣告利用了冰淇淋和菠蘿的圖案和紋理，營造出壹種夏日的感覺。
45、使用顏色塊分割
如果妳不想在廣告畫面中只把手中的圖片作為背景，不妨把它分成不同的部分，和單色色塊壹起使用，讓整個廣告畫面有更強的形式感。
46.使用線條裝飾
廣告畫面多由畫面和文字組成，但適當添加壹些裝飾會讓廣告畫面看起來更飽滿。相比各種高光，線條在裝飾上不弱，也更加自由，效果也相當不錯。
47.講故事
廣告的最終目的是銷售產品，最有效的方式是講述真實用戶的體驗。這則廣告是為亞馬遜的電子書APPAudible設計的，圖中的場景旨在宣傳他們的產品可以在很多場景下不受幹擾地使用。
48.幽默壹點
幽默的展示通常比強力的推銷更有效，他們更願意看到搞笑的內容。
49.使用簡單的字體搭配。
不需要復雜的排版設計，搭配幾個風格相同、容易識別的字體，像必勝客的這個廣告，也能達到增加信息量、賞心悅目的效果。
50.用簡單的圖形來強調。
如何在完成的網頁中間圖解壹個橫向的廣告圖片？950像素長，90像素高。有沒有用原碼，把圖加進去？首先，如果妳看網頁，妳用壹個大的表格，這是
網上的插畫可以用來做產品的廣告圖片，稍微修改壹下嗎？可以公開修改，但如果公開評論只有作者授權才能修改，要找到原作者。