亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

Banner廣告無處不在。從網(wǎng)站首頁(yè)頁(yè)頭的內(nèi)容推薦到側(cè)邊欄，從文章內(nèi)到圖庫(kù)列表中，你會(huì)在幾乎所有內(nèi)容存在的地方找到他們的影子。通常情況下，它們看起來漂亮，略顯浮夸，還會(huì)蠶食你的網(wǎng)絡(luò)瀏覽體驗(yàn)，盡管我們?cè)谙氡M一切辦法降低它們給用戶的負(fù)面影響，但是壞名聲總是不可避免地同它們綁定到了一起。

實(shí)際上，Banner廣告對(duì)于用戶的影響是巨大的，合理的運(yùn)用，肯定是事半功倍的。那么到底要如何打造不讓人生厭、轉(zhuǎn)化率可觀的優(yōu)秀的的Banner廣告呢？

空泛的理論或許不夠接地氣，不妨從下面50個(gè)案例中，來學(xué)習(xí)Banner 廣告的設(shè)計(jì)技巧。

1、風(fēng)格化的圖文排版

這是Dear Miss Modern 所制作的一組Banner廣告，每張圖片在文本和圖片素材上都保持了氣質(zhì)和風(fēng)格上的一致性。字體的形式感和圖片素材中圖像和圖形的搭配讓整個(gè)廣告Banner 給人的感覺更加強(qiáng)烈。如果圖片并非是這種強(qiáng)風(fēng)格化的，而是更加微妙的話，應(yīng)當(dāng)采用更加經(jīng)典、耐看的字體來進(jìn)行搭配，道理是一樣的。

2、營(yíng)造層次

Visa 的節(jié)日廣告Banner就充分運(yùn)用了層次結(jié)構(gòu)的優(yōu)勢(shì)。照片的挑選就是有景深有層次的美食，讓人第一時(shí)刻會(huì)被它吸引，而文字排版則覆蓋在虛化的遠(yuǎn)景上，確保了可讀性，也增加了一個(gè)層次，傳遞出信息，確保不會(huì)混亂。按鈕的位置正好置于美食之上，文字之下，恰到好處地吸引人來點(diǎn)擊。

3、使用相關(guān)圖標(biāo)

這個(gè)來自Google的廣告Banner 通過手繪的圖標(biāo)給人帶來一種個(gè)人化的體驗(yàn)。

圖中每一個(gè)手繪的圖標(biāo)都非常易于識(shí)別，雖不復(fù)雜，但是給人營(yíng)造出一種仿若在世界中穿行的感覺。這種難以描述但是令人觸動(dòng)的感覺讓這個(gè)廣告不再只是一個(gè)廣告。

4、增加出人意料的元素

一個(gè)招聘廣告應(yīng)該怎么做？谷歌的這個(gè)招聘廣告也算的上是出人意表了，沒有高大上的說明和漂亮的妹子，而是用形同小區(qū)布告欄的手寫小廣告一樣的涂鴉手寫廣告。這種廣告不復(fù)雜，但是卻出人意料，這種熟悉的感覺也足夠令人觸動(dòng)。

5、加入插畫

這個(gè)案例同樣是谷歌的廣告圖，插畫的加入讓整個(gè)廣告圖充滿了童真和趣味，加上扁平化的元素，整體看起來也比較統(tǒng)一。這種插畫實(shí)現(xiàn)起來不難，看起來可能有點(diǎn)粗糙，但是確實(shí)很友好。插畫和攝影圖片不同，它能賦予設(shè)計(jì)以后者無法企及的氣質(zhì)，當(dāng)然，你得用好才行。

6、布局適配

FatCow 的這個(gè)廣告圖是由 Envato Studio 所設(shè)計(jì)的，為了適配不同的廣告位，整個(gè)廣告制作了多個(gè)不同尺寸的版本。將最常用的廣告圖設(shè)計(jì)出來之后，將其中的元素進(jìn)行二次編輯，制作成能夠適配其他廣告位的尺寸，其中某些元素需要調(diào)整，移除或者新增，這樣就可以實(shí)現(xiàn)了。

7、使用絢麗的色彩

這個(gè)Google Music 的廣告采用了活力十足的粉色，搭配的是同樣高飽和度的藍(lán)色，兩者形成鮮明的對(duì)比，也給人留下深刻的影響。和普通單色調(diào)為主的Banner相比，這種色彩絢麗的多色搭配更加抓人眼球，不過使用的時(shí)候需要多加注意，確保可讀性和協(xié)調(diào)性。

8、保持簡(jiǎn)約

如果說有可口可樂有什么做的非常突出，那么保持簡(jiǎn)約的設(shè)計(jì)絕對(duì)是諸多優(yōu)點(diǎn)之中最值得學(xué)習(xí)的一個(gè)。這個(gè)可口可樂的廣告Banner 設(shè)計(jì)很好的延續(xù)了這一傳統(tǒng)：產(chǎn)品圖+LOGO+宣傳語(yǔ)+標(biāo)志性配色。雖然內(nèi)容不多，但是效果很贊。

一個(gè)塞滿全部信息的Banner廣告圖對(duì)你而言不會(huì)有啥好處，因?yàn)橛脩魤焊粫?huì)去看。將最重要的信息呈現(xiàn)出來，這就夠了。

9、關(guān)注潮流

關(guān)注流行文化和正在風(fēng)靡的趨勢(shì)，對(duì)你設(shè)計(jì)banner廣告而言，非常有用。Campbell 就是這樣，它很好的利用了星球大戰(zhàn)電影這個(gè)IP，推出相關(guān)主體的產(chǎn)品，吸引星球大戰(zhàn)的粉絲前來購(gòu)買產(chǎn)品。合理的借助正在流行的趨勢(shì)和話題來宣傳對(duì)應(yīng)的產(chǎn)品，絕對(duì)事半功倍。

10、使用紋理

Campbell 的這個(gè)廣告是運(yùn)用紋理提升質(zhì)感的典范。筆刷式參差的邊緣讓整個(gè)廣告的視覺效果更加微妙，廣告圖中其他的元素談不上有多突出，但是紋理的加入如同點(diǎn)睛之筆，使得整體的效果都提升上去了。

11、借助利基

利基是指針對(duì)企業(yè)的優(yōu)勢(shì)細(xì)分出來的市場(chǎng)。廣告通常需要針對(duì)目標(biāo)人群來投放，這樣才能達(dá)到最好的效果。

Target 的嬰幼兒系列產(chǎn)品的廣告主要是針對(duì)母親們投放的，那么還有什么比一個(gè)粉色的、可愛的場(chǎng)景更容易吸引到她們呢？

12、用圖展示，而非語(yǔ)言

Zarbee 的維生素廣告banner 在圖片的使用技巧上就相當(dāng)突出，水果來置換維生素，強(qiáng)化概念，而非用語(yǔ)言來描述，巧妙而直觀。

13、清晰的聚焦點(diǎn)

當(dāng)廣告有明確清晰的聚焦點(diǎn)之后，品牌和用戶之間的溝通就更加直接了。這個(gè)Banner 廣告圖也是為Target 設(shè)計(jì)的，品牌LOGO從位置到顏色都足夠顯眼，加上美女的姿勢(shì)在結(jié)構(gòu)上的引導(dǎo)，Target 的品牌LOGO無疑是整個(gè)廣告圖的焦點(diǎn)。

14、使用意象做引導(dǎo)

麥當(dāng)勞的這個(gè)廣告就是很典型的使用意象替代文字來傳遞信息，咖啡這一單詞被相應(yīng)的圖片所替代，傳遞信息的同時(shí)，還讓整個(gè)廣告圖不再單調(diào)，變成圖文混排。單純的文字和圖片都能夠傳遞出信息，但是混合使用則顯得更加有趣，走心。

15、讓產(chǎn)品發(fā)聲

在這個(gè)廣告圖當(dāng)中，麥當(dāng)勞的McFlurry 無疑是核心，不論是意義上的，還是視覺上的。灰色的背景讓色彩鮮艷的MacFlurry 主體顯得足夠醒目。讓產(chǎn)品本身在廣告中突出展現(xiàn)，可以讓整個(gè)Banner 表現(xiàn)力和針對(duì)性都更強(qiáng)。

16、創(chuàng)造角度

奧迪的這個(gè)廣告圖通過分割空間來呈現(xiàn)不同的信息，但是最引人矚目的是小幅扭轉(zhuǎn)的角度給人帶來的獨(dú)特視覺體驗(yàn)。這種調(diào)整讓特定的信息更加矚目，配合圖片中車體本身的角度，使得整個(gè)廣告圖更加富有活力。

17、使用遮蓋

使用特定色彩的半透明層來遮蓋背景圖，可以讓前景的文字內(nèi)容信息脫穎而出。這種設(shè)計(jì)手法現(xiàn)在并不鮮見，它讓背景信息從遮蓋中透出，同時(shí)讓文本內(nèi)容可讀性更強(qiáng)，整體層次感增強(qiáng)。

18、設(shè)置場(chǎng)景

Tiffany & Co 珠寶的廣告圖的設(shè)計(jì)，稱得上是有趣好玩，旋轉(zhuǎn)的雞尾酒杯和漂亮的珠寶組合暗示出它們經(jīng)常同時(shí)出現(xiàn)在同一場(chǎng)景，營(yíng)造出高雅、精致的感覺。通過相關(guān)的物品組合從而暗示用戶，讓他們自行腦補(bǔ)出場(chǎng)景。

19、創(chuàng)意字體

好的排版能夠吸引用戶的注意力，而Nike 的這個(gè)廣告尤其突出，它在字體上的設(shè)計(jì)富有創(chuàng)意，這些被肢解的字體同樣具備強(qiáng)大的識(shí)別度，但是這樣的設(shè)計(jì)讓它們看起來更加輕盈，也更富有科技感。這種視覺上的強(qiáng)化，讓廣告和產(chǎn)品更加吸引人了。

20 、使用風(fēng)格化的插畫

插畫可以簡(jiǎn)約，同樣也可以細(xì)節(jié)滿滿。風(fēng)格化的插畫可以通過細(xì)節(jié)和風(fēng)格來增加信息的厚度，講述故事，傳遞感受。這種插畫力量感十足，充滿能量，和Nike的品牌氣質(zhì)相當(dāng)符合。

21、使用多種元素

雖然有風(fēng)險(xiǎn)，但是合理的將多種不同的元素搭配在一個(gè)廣告圖中，可以產(chǎn)生不錯(cuò)的形式感，就像這個(gè)ebay 的廣告圖這樣。漂亮的產(chǎn)品圖，標(biāo)準(zhǔn)字體，手寫字體和插畫元素，協(xié)調(diào)地組合成一個(gè)廣告圖。當(dāng)然，每個(gè)元素的存在都是有理由的，各司其職，并非隨機(jī)搭配，請(qǐng)務(wù)必記住這一點(diǎn)。

22、成為流行風(fēng)向標(biāo)

將潮流和趨勢(shì)融入到Banner的設(shè)計(jì)當(dāng)中來，讓它成為廣告和用戶之間的紐帶。這個(gè)來自ebay 的廣告就是這么做的。將“Hotline Bling” 替換成“Haute Line Bling”之后更好地解讀了時(shí)下流行的這種文化，從而吸引更多關(guān)注這一時(shí)尚的用戶。

23、自由舒展

并不是每一個(gè)廣告Banner 都必須借助柵格，讓每個(gè)元素都精準(zhǔn)地對(duì)齊排列，自由舒展的設(shè)計(jì)同樣有效。Yoplait 的廣告就是這樣設(shè)計(jì)的，這樣顯得更加有趣、富有童真。當(dāng)然，這樣的設(shè)計(jì)是否合適要看它的產(chǎn)品的氣質(zhì)和特色。

24、創(chuàng)建聯(lián)系

在設(shè)計(jì)的過程中，讓你的廣告圖中的圖片和文字之間保持足夠的關(guān)聯(lián)是非常重要的。Talbots 的廣告圖中圖片和文字的氣質(zhì)就非常接近。

25、制造對(duì)比

對(duì)比是吸引用戶注意力的有效手段，而ESPN的這個(gè)廣告Banner 的設(shè)計(jì)就是深諳這一技巧。深紅色的背景下，白色的文字就顯得相當(dāng)突出了。字體挑選的也是銳利而輕盈的類型，這樣一來，信息的傳遞有效度就更高了。