廣告banner設(shè)計(jì)要素及構(gòu)圖技巧

1、1Banner設(shè)計(jì)要素及構(gòu)圖技巧Banner的核心使命其實(shí)是吸引用戶關(guān)注，然后被點(diǎn)擊。是多數(shù)新產(chǎn)品，新事物，各種優(yōu)惠活動(dòng)呈現(xiàn)給客戶的主要第一途徑所以它是主題性明確，突出關(guān)鍵內(nèi)容并有效抓住用戶眼球的一種廣告主要類型：頁面中的橫幅廣告報(bào)紙雜志上的大標(biāo)題1.什么是 banner2. Banner的重要性結(jié)論：其實(shí)Banner設(shè)計(jì)的初衷就是被點(diǎn)擊。那么所有的設(shè)計(jì)和創(chuàng)意都是圍繞著吸引用戶來進(jìn)行的。簡潔有效的文案，是需要設(shè)計(jì)師自己去理解需求并提煉的。但是最后我們呈現(xiàn)出來的結(jié)果，一定要有重點(diǎn)，一個(gè)核心內(nèi)容，幾個(gè)圍繞說明會(huì)變成一種成功率很高的套路。3.Banner設(shè)計(jì)流程設(shè)計(jì)流程需求 評估(溝通, 預(yù)估, 前

2、期準(zhǔn)備) 制作 反饋、確定初稿 跟進(jìn)色彩動(dòng)畫廣告語模特 主題：什么主題吸引人？應(yīng)季、節(jié)日、促銷等；噱頭：什么噱頭打動(dòng)人？折扣、價(jià)格（低至69元、9元均價(jià)）、滿減滿贈(zèng)（第二件半價(jià)）、包郵、品質(zhì)保證（正品保證、全國聯(lián)保）、抽獎(jiǎng)、搶購商品廣告語模特立即搶購的按鈕引導(dǎo)4. Banner設(shè)計(jì)三要素l 吸引人的商品名l 清晰美觀的圖片l 醒目的折扣和價(jià)格l 活動(dòng)主題l 規(guī)格l 商品特性 5.banner中體現(xiàn)的元素l 左右結(jié)構(gòu)案例6. 常見Banner結(jié)構(gòu)聯(lián)版輪播l 上下結(jié)構(gòu)案例6. 常見Banner結(jié)構(gòu)聯(lián)版輪播l 無按鈕型案例6. 常見Banner結(jié)構(gòu)小bannerl 按鈕型案例按鈕能夠提高點(diǎn)擊率，有效

3、的引起行為召喚。一般在左下角或右下角，采用對照感比較強(qiáng)烈的色彩。6. 常見Banner結(jié)構(gòu)小bannerl 無按鈕型案例6. 常見Banner結(jié)構(gòu)長條形l 按鈕型案例6. 常見Banner結(jié)構(gòu)長條形構(gòu)圖樣式分以下六種垂直水平式構(gòu)圖三角形構(gòu)圖漸次式構(gòu)圖 輻射式構(gòu)圖 框架式構(gòu)圖 對角線構(gòu)圖好的構(gòu)圖可以提升商品的品質(zhì)感，亦可以利用各種構(gòu)圖方法，突出你想要表達(dá)的內(nèi)容，傳達(dá)出該banner的真正目的，吸引用戶的點(diǎn)擊，產(chǎn)生購買欲望。7. 六種banner構(gòu)圖樣式7.1 垂直水平構(gòu)圖 平行排列每一個(gè)產(chǎn)品，每個(gè)產(chǎn)品展示效果都很好，各個(gè)產(chǎn)品所占比重相同，秩序感強(qiáng)。 此類構(gòu)圖給用戶心情：產(chǎn)品規(guī)矩正式、高達(dá)、安全感

4、強(qiáng)。7.2 正三角形構(gòu)圖 多個(gè)產(chǎn)品進(jìn)行正三角構(gòu)圖，產(chǎn)品立體感強(qiáng)，產(chǎn)品之間所占比重有輕有重，構(gòu)圖穩(wěn)定自然，空間感強(qiáng)。 此類構(gòu)圖給用戶心情：安全感極強(qiáng)，穩(wěn)定可靠。7.3 倒三角形構(gòu)圖 多個(gè)產(chǎn)品進(jìn)行倒三角構(gòu)圖，產(chǎn)品立體感極強(qiáng)，產(chǎn)品之間所占比重有輕有重，構(gòu)圖動(dòng)感活潑失衡，運(yùn)動(dòng)感空間感強(qiáng)。 此類構(gòu)圖給用戶心情：不穩(wěn)定感激發(fā)用戶好好動(dòng)心，給用戶運(yùn)動(dòng)的感覺。7.4 對角線構(gòu)圖 一個(gè)產(chǎn)品或兩個(gè)產(chǎn)品進(jìn)行對角線組合構(gòu)圖，產(chǎn)品的空間感強(qiáng)，每個(gè)產(chǎn)品所占比重相對平衡，構(gòu)圖動(dòng)感活潑卻不失穩(wěn)定，運(yùn)動(dòng)感強(qiáng)烈。 此類構(gòu)圖給用戶心情：動(dòng)感十足且穩(wěn)定。7.5 漸次式構(gòu)圖 多個(gè)產(chǎn)品進(jìn)行漸次式排列，產(chǎn)品展示空間感強(qiáng)，每個(gè)產(chǎn)品所占比重不

5、同，由大及小，構(gòu)圖穩(wěn)定，次序感強(qiáng)，利用透視引導(dǎo)指向廣告文案。 此類構(gòu)圖給用戶心情：穩(wěn)定自然，產(chǎn)品豐富可靠。7.6 輻射式構(gòu)圖 多個(gè)產(chǎn)品進(jìn)行輻射式構(gòu)圖，產(chǎn)品空間感強(qiáng)，每個(gè)產(chǎn)品所占比重不同，由大及小，構(gòu)圖動(dòng)感活潑，次序感強(qiáng)。利用透視指向廣告文案。 此類構(gòu)圖給用戶心情：活動(dòng)動(dòng)感，產(chǎn)品豐富可靠。7.7 框架式構(gòu)圖 單個(gè)或多個(gè)產(chǎn)品進(jìn)行框架式構(gòu)圖。產(chǎn)品展示效果好，展示完整。有畫中畫的感覺。構(gòu)圖規(guī)整平衡，穩(wěn)定堅(jiān)固。 此類構(gòu)圖給用戶心情：穩(wěn)定可信賴，產(chǎn)品可靠。 主打折扣、左右結(jié)構(gòu) 1. 配色：顏色對比鮮明，吸引眼球，紅色和橙色給人一種購買的沖動(dòng)和欲望 2. 下降標(biāo)志更給人一種降價(jià)的視覺感 3. 產(chǎn)品圖：左邊商

6、品圖和模特突出了賣場的主題和內(nèi)容 4. 噱頭足：任意2雙 119包郵，捆綁銷售也可以提高客單價(jià)8.優(yōu)秀廣告素材分享 主打單品 、上下結(jié)構(gòu) 1. 配色：粉色會(huì)更吸引購買化妝品的年輕女性，粉色屬于比較夢幻、可愛的顏色，適合美護(hù)、女裝類目使用 2. 商品圖：直接鮮明的告訴了買家賣場的主題，熱銷xx件突出了商品的優(yōu)質(zhì) 3. 主題噱頭：綜合榜單的形式（美妝熱賣榜 xx商品xx元）給了沒有購買方向的顧客建議8.優(yōu)秀廣告素材分享 無按鈕型小banner1. 配色：粉藍(lán)色切合涼鞋主題，給人一種清涼的感覺 2. 產(chǎn)品圖的放置不僅告訴了買家專題的內(nèi)容，也更容易帶動(dòng)了買家點(diǎn)擊 3. 噱頭足：4折封頂字樣的突出；免郵

7、試免郵換比起包郵，對于鞋子這種對尺寸高要求的類別更有吸引力8.優(yōu)秀廣告素材分享 按鈕型小banner1. 配色：尺寸小的banner，需要使用像紅和黃亮色系的搭配，更吸引眼球，帶動(dòng)顧客消費(fèi) 2. 商品圖也選擇了亮色系的，與整體色調(diào)呼應(yīng)，單品的搶購價(jià)更是很有吸引力3. 主題噱頭：以低至1折的折扣噱頭吸引顧客 4. 按鈕：立即搶購的閃動(dòng)按鈕引導(dǎo)了顧客點(diǎn)擊，也更能抓住眼球8.優(yōu)秀廣告素材分享 無按鈕型通欄1. 配色：紫色背景上的黃色字體很出挑，紫色的背景也顯得商品很有品質(zhì)感 2. 知名品牌logo的放置：對于一些知名的品牌，品牌logo也是吸引顧客點(diǎn)擊的一大原因 3. 主題強(qiáng)噱頭足：換季瘋狂購3折起

8、，突出了商品是換季商品折扣低 4. 產(chǎn)品圖：右邊的商品陳列也是大眾款式，增大了被商品圖吸引而點(diǎn)擊的概率8.優(yōu)秀廣告素材分享 按鈕型通欄1.配色：粉色系主調(diào)適合年輕女裝型的專題，會(huì)吸引年輕女性用戶關(guān)注 2.主題噱頭：2.4折起的低折扣噱頭；380款突出了內(nèi)容款式的豐富；“最后機(jī)會(huì) ”作為一個(gè)時(shí)間限制更增加了消費(fèi)的緊促感 3.產(chǎn)品圖：右側(cè)放置了三款產(chǎn)品以及產(chǎn)品的價(jià)格，讓消費(fèi)者更容易明確賣場的內(nèi)容，以低價(jià)來吸引消費(fèi)者4.多個(gè)品牌logo放置：左上角放置了4個(gè)品牌logo，表明了這是個(gè)聯(lián)合品牌的清倉賣場 5.按鈕：“立即搶購”按鈕煽動(dòng)并促使顧客點(diǎn)擊8.優(yōu)秀廣告素材分享 內(nèi)容過于堆積、主題不明確顏色不夠

9、出挑、不吸引眼球圖片的品質(zhì)感太差8.1 反例我們目前常用的廣告形式兩種：噱頭單品推廣+主題促銷推廣 9.一些經(jīng)驗(yàn)分享1. 電商類廣告中最重要的是商品圖的展現(xiàn)。商品的選擇切合主題，且受眾群體廣，廣告圖片中能看出商品用途；圖片一定要清晰！精致，美觀，有吸引力。2. 主題明確，突出賣點(diǎn)。賣點(diǎn)通常打組合拳，如主題+促銷，產(chǎn)品+促銷等；廣告中不宜宣揚(yáng)過多賣點(diǎn)，特別是小尺寸廣告，突出1-2點(diǎn)即可。3. 促銷類賣場，其高價(jià)商品可突出折扣，直降*元等（并可帶上市場價(jià)對比）折扣和價(jià)格顯著標(biāo)出4. 熱銷商品可以適當(dāng)展示商品的銷量，以增強(qiáng)用戶對商品的興趣。5. 廣告中的文案簡短有力，切勿堆積，提煉要點(diǎn)，不要在文案中敘事。6. 站外投放的廣告可帶有明顯的購買button，有益提高點(diǎn)擊，但由于廣告中的BUTTON會(huì)影響整體頁面視覺效果，故站內(nèi)需慎重使用。9.一些經(jīng)驗(yàn)分享6. 品牌商家突出品牌名或者LOGO。建議可使用“品牌+正品提示+折扣”的信息組合方式。7. 時(shí)間較短的賣場，可在廣告中突出活動(dòng)時(shí)間，增強(qiáng)緊迫感。8. 廣告或賣場的風(fēng)格因主題而異，促銷類主題宜用濃烈色彩，烘托促銷氣氛。女性類主題風(fēng)格偏感性，可設(shè)計(jì)很漂亮的場景，色彩淡雅但明亮，背景不厚重。時(shí)尚類主題賣場特別重