如何設(shè)計(jì)一個(gè)吸引人的廣告banner
很多時(shí)候,過(guò)多的推出大量很low的廣告banner,反而會(huì)被人們討厭,甚至討厭程度不亞于看純文本。
所以廣告banner的關(guān)鍵因素就是視覺(jué)沖擊力,能不能快速吸引眼球就靠它了。
01、聚焦你的logo
通過(guò)將logo放到位置的中心和前面從而更好的突出和展現(xiàn)。
02、扁平化
扁平風(fēng)也可以制造很漂亮的視覺(jué)效果,就像設(shè)計(jì)師亞歷克斯·柯林斯在他扁平化風(fēng)格作品中加入了一些質(zhì)感,讓整張圖顯得更有立體感一些,當(dāng)然,你也可以不加入質(zhì)感使它完全扁平。
我們經(jīng)??梢钥吹揭恍┖芷恋牟瀹?huà)效果,如果把插畫(huà)融入到你的廣告banner設(shè)計(jì)中,是不是也可以很搶眼?
03.播放與變模糊
模糊效果通常出現(xiàn)在要突出一個(gè)彈窗,按鈕或文字中,但是它們?cè)缫烟隽擞脩?hù)體驗(yàn)的范疇,可以單獨(dú)作為一種獨(dú)特的設(shè)計(jì)風(fēng)格來(lái)使用。
如果背景選的好,稍微來(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ì)效果。
有時(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ì)比度。
07.與經(jīng)典的顏色疊加
顏色疊加使用了一個(gè)簡(jiǎn)單的方法來(lái)使你的圖片風(fēng)格化。在一個(gè)單一的陰影顏色下使圖片更加有層次。
顏色疊加的圖片上使用白色文字,會(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ì)感。
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)。
本文地址:http://likemindfilms.com/tutorial/ui3279.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線(xiàn)詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪(fǎng)問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏