網(wǎng)頁(yè)Banner設(shè)計(jì)經(jīng)驗(yàn)總結(jié)

1.明確的信息傳達(dá);之所以將這一條列為第一點(diǎn)是因?yàn)锽anner最主要的目的在于告訴用戶(hù)我們要干什么，我們要告訴他們什么。在網(wǎng)絡(luò)世界里，我更傾向認(rèn)為其是一個(gè)能真正體現(xiàn)個(gè)人意志的地方，如果我們不能在最短的時(shí)間內(nèi)把我們想說(shuō)的傳達(dá)給用戶(hù)的話，那用戶(hù)會(huì)毫無(wú)顧慮的選擇離開(kāi)，而不用考慮什么“情面”。在具體的Banner設(shè)計(jì)中，信息的傳達(dá)方式無(wú)外乎2種——圖片和文字;圖片是一種最直接的傳達(dá)模式，也是用戶(hù)理解成本最低的信息接受渠道，因此圖片一定要選擇明晰的，一眼看上去就知道到底在賣(mài)什么，要表達(dá)什么。

而文字，是要進(jìn)一步的告訴用戶(hù)，我們這個(gè)是干什么呢，能給用戶(hù)帶來(lái)什么，是打折呢還是新貨上市?因此，我們要按照我們的利益點(diǎn)的輕重來(lái)依次展現(xiàn)，例如我們最大的賣(mài)點(diǎn)就是“2折銷(xiāo)售”，那么毫無(wú)疑問(wèn)，“2折銷(xiāo)售”的字樣一定要大，要醒目，其余的則需要相應(yīng)的弱化。

2.合適的創(chuàng)意;一直以來(lái)我都認(rèn)為我們做的其實(shí)是“戴著腳銬”的設(shè)計(jì)，我們需要在一定的框架內(nèi)進(jìn)行設(shè)計(jì)，否則網(wǎng)站的整體性從何談起，畢竟我們做的是設(shè)計(jì)不是藝術(shù)。

那Banner具體如何來(lái)“創(chuàng)意”呢?(之所有選擇“創(chuàng)意”這個(gè)詞，是因?yàn)椤霸O(shè)計(jì)”包含文字排版，整體創(chuàng)意等，而這里說(shuō)的是具體的創(chuàng)意)也許Banner的創(chuàng)意有千萬(wàn)種，但是有一種是較容易實(shí)現(xiàn)并能在之后的其他設(shè)計(jì)中通用的，這便是“氛圍的營(yíng)造”。所謂“氛圍的營(yíng)造”就是指根據(jù)具體產(chǎn)品的特性來(lái)烘托周?chē)臍夥?，這個(gè)氣氛可以是一個(gè)很小的相關(guān)元素，例如下圖，所有的設(shè)計(jì)都在于機(jī)器迸發(fā)出的火花，這雖然只是一個(gè)元素，但是卻可以讓死氣沉沉的工具“活起來(lái)”，最為關(guān)鍵的是這個(gè)元素承載了多種電動(dòng)工具的“共性”，換句話說(shuō)就是在不同的電動(dòng)工具的Banner設(shè)計(jì)中都可以使用到。

3.優(yōu)良的素材;很多時(shí)候，一個(gè)拙劣的素材會(huì)毀掉一個(gè)很好的創(chuàng)意，可以說(shuō)素材是Banner設(shè)計(jì)中的點(diǎn)睛一筆。那么什么樣的素材算是好的素材呢?我個(gè)人覺(jué)得有2點(diǎn)：一是較好的攝影效果，虛實(shí)有別才能形成較好的空間感;二是要靠設(shè)計(jì)師自身去辨別尋找。我總是認(rèn)為，沒(méi)有丑陋的事物，只是我們沒(méi)有發(fā)現(xiàn)獨(dú)特的美。就拿下面兩幅圖來(lái)說(shuō)，同樣的元器件，差別在哪里?

如何定義模板：

模板不僅僅是字號(hào)、顏色，而是包括了信息傳達(dá)方式、排版、字體、創(chuàng)意、素材等一系列要素，我們所要做的一是規(guī)范二是找到共性。下面將從文字、創(chuàng)意、素材3大類(lèi)來(lái)進(jìn)行分析與設(shè)想。

1.信息傳達(dá)的一勞永逸——文字與圖像;首先文字在于圖像的層次之上，文字的排版、字號(hào)、字體都應(yīng)有所規(guī)范，我們可以定義出不同文字量的排版方式，例如主題4個(gè)字的排版方式、8個(gè)字的排版方式等，相應(yīng)的輔助文字對(duì)應(yīng)主題如果排列;文字的層次關(guān)系需要明確，字體的選擇盡量統(tǒng)一在3種字體選擇內(nèi)，當(dāng)然在具體的設(shè)計(jì)中可以有所改變，但是至少要給設(shè)計(jì)師以參考。圖片作為背景可以貫穿整個(gè)Banner，主體圖片位于右側(cè)，所占Banner比例約為三分一，這樣整個(gè)Banner不會(huì)顯得太擁擠，文字的辨別也較為明晰。

2.創(chuàng)意的一勞永逸——“氛圍”是虛的東西，只要保持核心的意思不變就可以，所有的材質(zhì)、素材都可以更換，例如下圖其“核心”在于體現(xiàn)機(jī)械的沖擊感，背景材質(zhì)，主體產(chǎn)品甚至于那個(gè)洞都可以更換，但是無(wú)論怎么更換，其總體的感覺(jué)是相似的。這便是創(chuàng)意的模板，一個(gè)創(chuàng)意可以在不同的產(chǎn)品上使用多次，而這其實(shí)是找到不同產(chǎn)品中的共性而已。

3.素材尋找的一勞永逸——我們可以自己去拍素材：有一些產(chǎn)品，即使看起來(lái)很丑陋的產(chǎn)品，我們都可以發(fā)現(xiàn)它身上獨(dú)特的一點(diǎn)，剛硬的美、柔軟的美、簡(jiǎn)單的美、復(fù)雜的美。只是我們沒(méi)有發(fā)現(xiàn)而已。同一個(gè)產(chǎn)品不同的角度能體現(xiàn)不同的特點(diǎn)，就像模特一樣。6個(gè)角度我們可以使用6次，為什么不可以?

收集素材的重復(fù)使用率：有多少我們電腦里的素材我們是使用三次以上的?又或是我們總是在不停的尋尋覓覓中。

其實(shí)關(guān)鍵在于不要總是聽(tīng)同一首歌:一首歌，再好聽(tīng)，天天聽(tīng)也要膩的，但是如果隔了一段時(shí)間，你再聽(tīng)卻會(huì)有不同的感受。(我們可以準(zhǔn)備3套創(chuàng)意，三個(gè)素材，如此組合就有9個(gè)不同的BANNER。)