您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

如何設(shè)計(jì)一個(gè)吸引人的廣告banner

很多時(shí)候,過(guò)多的推出大量很low的廣告banner,反而會(huì)被人們討厭,甚至討厭程度不亞于看純文本。

所以廣告banner的關(guān)鍵因素就是視覺(jué)沖擊力,能不能快速吸引眼球就靠它了。

 0553585200bfa8012060c8fc8174.jpg

01、聚焦你的logo

通過(guò)將logo放到位置的中心和前面從而更好的突出和展現(xiàn)。

1f8858520101a8012060c8758b26.jpg

02、扁平化

d86158520123a8012060c8fffa8d.jpg

扁平風(fēng)也可以制造很漂亮的視覺(jué)效果,就像設(shè)計(jì)師亞歷克斯·柯林斯在他扁平化風(fēng)格作品中加入了一些質(zhì)感,讓整張圖顯得更有立體感一些,當(dāng)然,你也可以不加入質(zhì)感使它完全扁平。

d15a58520169a8012060c892c558.jpg


我們經(jīng)??梢钥吹揭恍┖芷恋牟瀹?huà)效果,如果把插畫(huà)融入到你的廣告banner設(shè)計(jì)中,是不是也可以很搶眼?


03.播放與變模糊

模糊效果通常出現(xiàn)在要突出一個(gè)彈窗,按鈕或文字中,但是它們?cè)缫烟隽擞脩?hù)體驗(yàn)的范疇,可以單獨(dú)作為一種獨(dú)特的設(shè)計(jì)風(fēng)格來(lái)使用。

d6d85852018ca801219c77ce38f4.jpg

875a585201aea8012060c8c53fcb.jpg

如果背景選的好,稍微來(lái)一個(gè)模糊的效果,不僅能突出標(biāo)題或按鈕,還能給你的設(shè)計(jì)添加一些紋理和質(zhì)感,使你的設(shè)計(jì)不會(huì)太單調(diào)。

04.使用網(wǎng)格

網(wǎng)格通常的作用是方便組織大量的內(nèi)容,使其變得有秩序一些,想對(duì)來(lái)說(shuō)比起無(wú)規(guī)則的設(shè)計(jì)方式,這個(gè)設(shè)計(jì)形式會(huì)更節(jié)省時(shí)間,而且也能起到很棒的設(shè)計(jì)效果。

c4dc585201d2a8012060c8d0462a.jpg

923c585201f1a801219c77af83b4.jpg

有時(shí)候設(shè)計(jì)的解決方案不一定是復(fù)雜的才是好的,一般情況下,要選擇最符合內(nèi)容的設(shè)計(jì),幾個(gè)排列簡(jiǎn)單規(guī)則的圖形也能耳目一新,讓人驚嘆。

05.嘗試單色調(diào)

單色調(diào)會(huì)很無(wú)聊?NO,看看下面的例子吧。地球日如何不一樣的突出這么無(wú)新意的主題,單一的棕色調(diào)也可以使banner充滿(mǎn)創(chuàng)意和質(zhì)感。

如果你不想堅(jiān)持只用一款顏色,也可以選用相鄰色調(diào)的深淺變化來(lái)布局。

06.嘗試大膽,色彩對(duì)比鮮明

如果你不確定哪些顏色沖擊比較強(qiáng)烈,可以打破你的色輪,然后嘗試互補(bǔ)色。你也可以去嘗試過(guò)去不太可能的顏色組合,比如紅色和紫色,這兩種顏色雖然不是互補(bǔ)色,但也可以幫你實(shí)現(xiàn)對(duì)比度。

ee135852027da801219c772915aa.jpg

f982585202e7a801219c778561ce.jpg

07.與經(jīng)典的顏色疊加

顏色疊加使用了一個(gè)簡(jiǎn)單的方法來(lái)使你的圖片風(fēng)格化。在一個(gè)單一的陰影顏色下使圖片更加有層次。

bf9058520315a8012060c8f86c86.jpg

4f7058520353a8012060c856dec6.jpg

顏色疊加的圖片上使用白色文字,會(huì)馬上脫穎而出。而且也可以使你的設(shè)計(jì)最大的色彩化,并確保突出你想突出的文字,以上我們?cè)O(shè)計(jì)的死磕APP中就很大程度的突出了這一點(diǎn)。如果大家喜歡的話(huà)可以下載來(lái)看看,記得給我們一個(gè)好評(píng)哦~~

08.手寫(xiě)字體

手寫(xiě)類(lèi)型字體的表現(xiàn)力是迷人的,如果在你的廣告banner中加入手寫(xiě)字體的話(huà),會(huì)顯得很有個(gè)性且具有設(shè)計(jì)感。

e7ab58520380a8012060c845a823.jpg

48d2585203afa801219c7746a5c4.jpg

9.季節(jié)模式

有時(shí)候設(shè)計(jì)也會(huì)分季節(jié)和節(jié)日,像已經(jīng)過(guò)去的萬(wàn)圣節(jié),即將到來(lái)的圣誕節(jié),都有它不一樣的節(jié)日屬性,而我們需要體現(xiàn)出它們不一樣的風(fēng)格。


俏皮的幾何圖形圖案是體現(xiàn)節(jié)日屬性的一種不錯(cuò)的選擇,大家可以試試~~

10.顯示,不說(shuō)

你的產(chǎn)品你能用一百萬(wàn)種方式去描述它,但是如果你的客戶(hù)沒(méi)有看到實(shí)物的樣子,就算你吹的天花亂墜還是不會(huì)買(mǎi)它,然而這個(gè)時(shí)候就是展示產(chǎn)品攝影的時(shí)候了。

這并不意味著切割出所有的副本。我們?nèi)匀话ㄔ谒厦?。然而,我們的美味蛋糕旗幟?nèi)的主導(dǎo)因素。這并不意味著要?jiǎng)h除描述你產(chǎn)品的語(yǔ)言,依然可以把文字放上面,但是產(chǎn)品本身的圖片才是主導(dǎo)。

e654585234e3a8012060c8557ce4.jpg

[教程作者:sik研習(xí)社]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui3279.html
提高電商網(wǎng)站商品圖片可用性的10個(gè)辦法
年末福利!三種網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)表現(xiàn)手法
圖趣網(wǎng)微信
建議反饋
×