在工作我們經(jīng)常會接到這樣的banner設(shè)計需求,由于它不比大型項目,需求方從設(shè)計成本考慮不會給設(shè)計師太多的時間,那么我們怎么才能在短時間內(nèi)做一個出彩的banner呢?以下內(nèi)容僅個人在目前工作中針對banner設(shè)計收集整理的一些方法,與大家分享。
1、主題明確。
在著手設(shè)計之前,設(shè)計師應(yīng)該先與需求方溝通,并從中獲取需求方想要表達的主題和需要重點突出的點。然后在針對性地對廣告對象進行訴求,形象鮮明的展示所要表達的內(nèi)容。不要放一些沒用的東西,除非你想趕走你的用戶。

三英戰(zhàn)呂布的場景為背景加上隨意放置的幾本連環(huán)畫,很好的體現(xiàn)了連環(huán)畫這一主題

小提琴和玫瑰的組合凸顯了貴族的生活品質(zhì)

兩個面帶微笑的小學(xué)生讓人一下就想到了希望工程
2、與整個頁面相協(xié)調(diào)。
當(dāng)我們確定表達的主題之后,要在banner實際放置的環(huán)境中展開后續(xù)的設(shè)計工作。色彩搭配要明亮干凈,要與整個頁面相協(xié)調(diào)。不能為了使banner更加吸引用戶的眼球而大面積的使用一些濃重的顏色(特殊需求除外)。

3、順應(yīng)用戶的瀏覽習(xí)慣。
我們知道大多數(shù)的用戶在瀏覽網(wǎng)頁的時候都是從上到下,從左到右的瀏覽。為了使banner更容易被用戶瀏覽,我們應(yīng)該順應(yīng)用戶這樣的瀏覽習(xí)慣,糟糕的設(shè)計會讓用戶無所適從,焦點到處都是。

因為瀏覽者的習(xí)慣是從左到右地看,這樣做會更快更有效。不要認為瀏覽者會在看廣告條內(nèi)容 (左)前點擊按鈕(右)。
下面的圖是在實際環(huán)境中的運用案例

4、點擊才是王道
一般我們做的banner都是為了宣傳、推廣某個產(chǎn)品或新功能等,它本身就是引導(dǎo)用戶點擊參與的入口,我們目的就是要吸引用戶點擊。所以我們可以用不同形式和手法來表現(xiàn),但相同處,通情達意,突出主題,富有樂趣,那它們則能讓瀏覽者產(chǎn)生興趣。

上圖中作者用紅色的幕布和小號烘托出熱鬧的氛圍,一面精致的銅鑼第一時間吸引了瀏覽者的眼球,讓人看了就想拿起旁邊的小錘去敲打的沖動
我們換個方式來想,設(shè)計一個banner,如做一道菜,首先我們應(yīng)該先確定想做什么菜,然后在把這道菜所需要的主輔材料放到鍋這個環(huán)境里面炒,在這個過程中我們會根據(jù)客人喜歡的口味加入調(diào)料,裝盤后我們?yōu)榱烁愫眠@道菜的賣相,在盤子里面放入一些裝飾,達到在第一時間內(nèi)從視覺上強奸人們的眼球,吸引他們來品嘗。
本文主要從主題、實際運用環(huán)境、用戶瀏覽習(xí)慣和做banner的目的這幾個方面表達了我的見解,當(dāng)然,除了上面所說的方法,其實還有很多我們可以借鑒的形式與思路,這里就不一一列舉了,希望對大家有所幫助。如有不當(dāng)之處,歡迎指正。
討論:http://www.missyuan.com/viewthread.php?tid=481286
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網(wǎng)站模板免費下載2015-09-16
20套高質(zhì)量的免費網(wǎng)頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
CSS實例教程:十步學(xué)會用CSS建站2011-10-05
網(wǎng)頁設(shè)計師:淺淡網(wǎng)頁BANNER設(shè)計2010-09-27
網(wǎng)頁細節(jié)教程:WEB設(shè)計精確點滴2010-09-13
網(wǎng)頁設(shè)計中的點滴細節(jié)把握2010-09-01
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
最全的國外電子商務(wù)CSS模板下載2010-06-18
實例解析3種文檔大屏適配方法
相關(guān)文章2632020-03-09
詳細解析UI設(shè)計中搜索欄設(shè)計的技巧
相關(guān)文章6092019-03-31
UI設(shè)計師如何設(shè)計最常見的關(guān)閉按鈕
相關(guān)文章4042019-02-24
設(shè)計師解讀如何讓扁平的網(wǎng)頁更出彩
相關(guān)文章10302018-12-07
UI設(shè)計師需要學(xué)習(xí)的保存功能設(shè)計總結(jié)
相關(guān)文章3422018-12-07
7招表單設(shè)計設(shè)計師方法提升表單體驗
相關(guān)文章5672018-12-07
UI設(shè)計師必學(xué)柵格設(shè)計原理和技巧
相關(guān)文章4992018-11-29
5個網(wǎng)站設(shè)計實例解析網(wǎng)頁設(shè)計趨勢
相關(guān)文章4452018-11-29
