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

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

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

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

 0553585200bfa8012060c8fc8174.jpg

01、聚焦你的logo

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

1f8858520101a8012060c8758b26.jpg

02、扁平化

d86158520123a8012060c8fffa8d.jpg

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

d15a58520169a8012060c892c558.jpg


我們經(jīng)??梢钥吹揭恍┖芷恋牟瀹嬓Ч绻巡瀹嬋谌氲侥愕膹V告banner設(shè)計中,是不是也可以很搶眼?


03.播放與變模糊

模糊效果通常出現(xiàn)在要突出一個彈窗,按鈕或文字中,但是它們早已跳出了用戶體驗的范疇,可以單獨(dú)作為一種獨(dú)特的設(shè)計風(fēng)格來使用。

d6d85852018ca801219c77ce38f4.jpg

875a585201aea8012060c8c53fcb.jpg

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

04.使用網(wǎng)格

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

c4dc585201d2a8012060c8d0462a.jpg

923c585201f1a801219c77af83b4.jpg

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

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

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

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

06.嘗試大膽,色彩對比鮮明

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

ee135852027da801219c772915aa.jpg

f982585202e7a801219c778561ce.jpg

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

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

bf9058520315a8012060c8f86c86.jpg

4f7058520353a8012060c856dec6.jpg

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

08.手寫字體

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

e7ab58520380a8012060c845a823.jpg

48d2585203afa801219c7746a5c4.jpg

9.季節(jié)模式

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


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

10.顯示,不說

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

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

e654585234e3a8012060c8557ce4.jpg

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