為什么要做banner？banner是用來(lái)傳達信息的。一切不以傳達有效信息、有效傳達信息的banner都是不優(yōu)秀的. baner是用來(lái)促使用戶(hù)行動(dòng)的，無(wú)法讓用戶(hù)產(chǎn)生你所期望的banner都是無(wú)效的。

不過(guò)很多同學(xué)以為做Banner是門(mén)技術(shù)活兒，自己學(xué)藝不精做不了。如果你看了今天這篇文，就會(huì )明白，技術(shù)于Banner，就像刀法于人，雖有招式，但無(wú)內功支撐，久戰必敗。按以下6個(gè)步驟來(lái)，速成可待。

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

這一步，和視覺(jué)、審美什么的都沒(méi)關(guān)系。

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

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

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

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

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

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

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

第三步：考慮用戶(hù)視覺(jué)路徑

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

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

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

確保用戶(hù)一開(kāi)始有視覺(jué)中心，如果用戶(hù)一眼不知道先看什么，那么這個(gè)banner就是失敗的。

有了視覺(jué)焦點(diǎn)后，你可以從視覺(jué)焦點(diǎn)引申開(kāi)來(lái)，使用視覺(jué)里的親密性原則（把內容相近的地理位置靠近一些、對比原則等等），引導用戶(hù)從視覺(jué)焦點(diǎn)進(jìn)而關(guān)注到其他細節、或者促使行動(dòng)的東西。

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

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

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

第五步：做視覺(jué)的排版

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

讓banner好看的幾個(gè)要訣：

1. 對齊

很好辦吧，讓內容縱向、橫向都有一條線(xiàn)，可以對齊。要么居中，要么底部。盡量確保頁(yè)面上不要有一個(gè)元素，沒(méi)有任何元素和它能夠形成對齊的關(guān)系。

2. 親密

不要讓所有內容都沒(méi)有聚集地堆在一起，讓那些關(guān)系比較親密的內容聚合成一個(gè)區域，不要讓一個(gè)banner上的區域超過(guò)4個(gè)。

3. 簡(jiǎn)單質(zhì)感：

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

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

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

第六步：做更多的美化

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

想做的話(huà)，我們可以：

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

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

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

業(yè)務(wù)咨詢(xún)QQ：3091 83243