為什么要做banner？banner是用來傳達信息的。一切不以傳達有效信息、有效傳達信息的banner都是不優(yōu)秀的. baner是用來促使用戶行動的，無法讓用戶產生你所期望的banner都是無效的。

不過很多同學以為做Banner是門技術活兒，自己學藝不精做不了。如果你看了今天這篇文，就會明白，技術于Banner，就像刀法于人，雖有招式，但無內功支撐，久戰(zhàn)必敗。按以下6個步驟來，速成可待。

第一步：定義要傳達什么信息

這一步，和視覺、審美什么的都沒關系。

比如，半月談，我們要傳達的信息有：

品牌LOGO，讓用戶一眼就知道哪里出品，下次形成條件反射，所謂的視覺認知是需要一定的重復的，只有不斷重復才能加深用戶印象。 子品牌LOGO，讓用戶知道我們出了什么東西，并且有系列感。

以上就是我們要傳達的核心信息了。你也可以認為這就是一個BANNER，只是——看起來沒那么好看而已。

但是，我們發(fā)現(xiàn)信息還不夠，我們還想要傳達：

我們的內容大概是什么，從而讓用戶形成期待，既然是系列，我們希望用戶能夠知道這是第幾期，從而當他們想要從某一期有興趣時點擊到全部，也有地方去。

第二步：定義信息的優(yōu)先級

雖然我們有4類信息，但是優(yōu)先級肯定不一樣的，所以對應到設計上，我們給它放的版塊的大小、顏色的突出是不一樣的。

第三步：考慮用戶視覺路徑

也即你想引導用戶先看哪里，再看哪里，然后再做什么。

通常，用戶的閱讀從上到下，從左到右邊，所以一般重要的內容會放到左上角。

不過這個規(guī)則可以用醒目的圖片、刺眼的顏色輕易打破，但是我建議你不要輕易這么做，所有的圖片和顏色都要有意義，為什么要用這個圖片為什么要用這個顏色。

確保用戶一開始有視覺中心，如果用戶一眼不知道先看什么，那么這個banner就是失敗的。

有了視覺焦點后，你可以從視覺焦點引申開來，使用視覺里的親密性原則（把內容相近的地理位置靠近一些、對比原則等等），引導用戶從視覺焦點進而關注到其他細節(jié)、或者促使行動的東西。

第四步：考慮標準識別顏色

既然我們要傳達品牌形象，請確保用色從我們的標準VI色盤中選擇，而不要隨便用。

記住，品牌傳達，重復性很重要。就像我們看到紅、黃、白配色會想到麥當勞，看到綠和黑就想到星巴克一樣。

第五步：做視覺的排版

排版上，信息已經完整，優(yōu)先級已經出來，無非就是把它變得好看一些而已。

讓banner好看的幾個要訣：

1. 對齊

很好辦吧，讓內容縱向、橫向都有一條線，可以對齊。要么居中，要么底部。盡量確保頁面上不要有一個元素，沒有任何元素和它能夠形成對齊的關系。

2. 親密

不要讓所有內容都沒有聚集地堆在一起，讓那些關系比較親密的內容聚合成一個區(qū)域，不要讓一個banner上的區(qū)域超過4個。

3. 簡單質感：

千萬不要加任何PS的濾鏡、陰影、能不漸變就不漸變，因為已經不流行了，不要盲目使用各種樣式

4. 如果要用圖標，盡量選擇樣式統(tǒng)一，且能夠保持你的優(yōu)先級次序的圖表。比如我們引導用戶先看左邊，再看右邊，結果你在右邊的圖標里選擇了一個血紅的，可能用戶的視線立馬被吸引過來了。

5. 不要讓字體超過3種。盡量用宋體、黑體、方正黑體，不要用什么魏碑體、行楷等，一看就比較山寨。

第六步：做更多的美化

如果你不想做，其實上面也可以了。

想做的話，我們可以：

比如花點時間去做一個流行的扁平化背景裝飾——還是要強調一點，不要為了裝飾而裝飾，所有的裝飾都要有意義、讓背景更加有質感。比如加點磨砂感覺。 比如，你還可以適當變換下別的排版，比如：居中的排版，更容易引導用戶從上到下的閱讀視角，也是很多人偷懶比較喜歡的排版風格。

綜上所述，做banner有一大半的精力是梳理信息、設定優(yōu)先級、設定用戶瀏覽次序，和PS的技能沒有太多關系，所以，每個人都可以去嘗試做好一張看似很有設計感，但是實際上又沒花什么精力的banner。

以上內容就是由寶雞網站建設、寶雞網絡公司，寶雞世紀網絡為您編輯整理的《寶雞網站建設教您6招速成設計完美Banner》的全部內容。我公司是在寶雞市工商局注冊的專業(yè)提供網站建設、網站優(yōu)化、網站推廣，軟件開發(fā)的高新技術企業(yè)，永磁操動機構一直致力于面向寶雞地區(qū)黨政機關、企事業(yè)單位提供大中型門戶網站解決方案、 OA 辦公自動化系統(tǒng)解決方案，以及中小型應用軟件開發(fā)及其它信息化外包業(yè)務。目前已承建寶雞地區(qū)近760多家政府網站、企業(yè)網站，是寶雞網站建設行業(yè)規(guī)模最大、客戶數量最多、技術力量雄厚的寶雞網絡公司。歡迎您來電咨詢。

業(yè)務咨詢QQ：3091 83243