網(wǎng)頁Banner設計經(jīng)驗總結(jié)

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

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

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

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

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

如何定義模板：

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

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

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

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

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

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