淺談網(wǎng)頁橫幅設(shè)計(jì)

本文章像飛特的同伙們介紹網(wǎng)頁橫幅設(shè)計(jì)的技巧和步驟，各人覺得挺實(shí)用的，轉(zhuǎn)發(fā)過來和飛特的同伙們一路分享學(xué)習(xí)了。“位置：首頁 屏通欄  格式：jpg  尺寸：960*90 ……”在工作我們經(jīng)常會(huì)接到這樣的banner設(shè)計(jì)需求，因?yàn)樗�不比大型�?xiàng)目，需求方從設(shè)計(jì)成本考慮不會(huì)給設(shè)計(jì)師太多的時(shí)間，那么我們?cè)趺床拍茉诙虝r(shí)間內(nèi)做一個(gè)出彩的banner呢？以下內(nèi)容僅個(gè)人在目前工作中針對(duì)banner設(shè)計(jì)收集整頓的一些方法，與大家分享。1、主題明確。在著手設(shè)計(jì)之前，設(shè)計(jì)師應(yīng)該先與需求方溝通，并從中獲取需求方想要表達(dá)的主題和需要重點(diǎn)凸起的點(diǎn)。然后在針對(duì)性地對(duì)廣告對(duì)象進(jìn)行訴求，形象鮮明的展示所要表達(dá)的內(nèi)容。不要放一些沒用的東西，除非你想趕走你的用戶。

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

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

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

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

因?yàn)闉g覽者的習(xí)慣是從左到右地看，這樣做會(huì)更快更有用。不要認(rèn)為瀏覽者會(huì)在看廣告條內(nèi)容 （左）前點(diǎn)擊按鈕（右）。/下面的圖是在現(xiàn)實(shí)環(huán)境中的運(yùn)用案例

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

/上圖中作者用紅色的幕布和小號(hào)烘托出熱鬧的氛圍，一面細(xì)膩的銅鑼時(shí)間吸引了瀏覽者的眼球，讓人看了就想拿起旁邊的小錘去敲打的沖動(dòng)我們換個(gè)體例來想，設(shè)計(jì)一個(gè)banner，如做一道菜，首先我們應(yīng)該先確定想做什么菜，然后在把這道菜所需要的主輔材料放到鍋這個(gè)環(huán)境里面炒，在這個(gè)過程中我們會(huì)根據(jù)客人喜好的口味加入調(diào)料，裝盤后我們?yōu)榱烁愫眠@道菜的賣相，在盤子里面放入一些裝飾，達(dá)到在時(shí)間內(nèi)從視覺上強(qiáng)奸人們的眼球，吸引他們來品嘗。本文主要從主題、現(xiàn)實(shí)運(yùn)用環(huán)境、用戶瀏覽習(xí)慣和做banner的目的這幾個(gè)方面表達(dá)了我的見解，當(dāng)然，除了上面所說的方法，其實(shí)還有許多我們可以借鑒的形式與思路，這里就不一一列舉了，希望對(duì)大家有所幫助。如有不當(dāng)之處，迎接指正。