成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

值得學(xué)習(xí)的BANNER廣告圖完全設(shè)計指南(上)

作者:
2016-05-27
1997

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

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

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

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

1-662x2620

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

2、營造層次

3-662x1324

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

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

4-662x1324

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

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

4、增加出人意料的元素

5-662x552

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

5、加入插畫

6-662x1324

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

6、布局適配

2-662x394

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

7、使用絢麗的色彩

Screen-Shot-2016-01-28-at-11.44.05-PM-662x81

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

8、保持簡約

8-662x82

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

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

9、關(guān)注潮流

9-662x552

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

10、使用紋理

10-662x2483

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

11、借助利基

11-662x1324

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

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

12、用圖展示,而非語言

12-662x1324

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

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

13-662x1324

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

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

14-662x552

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

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

15-662x1322

在這個廣告圖當(dāng)中,麥當(dāng)勞的McFlurry 無疑是核心,不論是意義上的,還是視覺上的?;疑谋尘白屔术r艷的MacFlurry 主體顯得足夠醒目。讓產(chǎn)品本身在廣告中突出展現(xiàn),可以讓整個Banner 表現(xiàn)力和針對性都更強(qiáng)。

16、創(chuàng)造角度

16-662x1329

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

17、使用遮蓋

17-662x1324

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

18、設(shè)置場景

18-662x1324

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

19、創(chuàng)意字體

19-662x1324

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

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

20-662x1324

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

21、使用多種元素

21-662x552

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

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

22-662x1324

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

23、自由舒展

23-662x554

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

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

24-662x552

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

25、制造對比

25-662x552

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


0
3
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號