為什么要做banner?banner是用來(lái)傳達(dá)信息的。一切不以傳達(dá)有效信息、有效傳達(dá)信息的banner都是yy. baner是用來(lái)促使用戶(hù)行動(dòng)的，也即Call To Action。無(wú)法讓用戶(hù)產(chǎn)生你所期望的banner都是無(wú)效的。所以，先擺脫一個(gè)錯(cuò)誤的認(rèn)識(shí)：banner僅僅是用來(lái)裝飾用的，僅僅是為了吸引人注意啥的想法。
所以，我們既然是非專(zhuān)業(yè)設(shè)計(jì)師，就要回歸到做banner的本源，為了達(dá)到以上效果，同時(shí)兼顧美觀(guān)、大方、好看。大方和好看的banner未必需要高深的視覺(jué)技巧，和繁瑣的PS功能，但是要兼顧視覺(jué)的幾個(gè)原則，我稍后會(huì)列出。
第一步：定義要傳達(dá)什么信息這一步，和視覺(jué)、審美什么的都沒(méi)關(guān)系。比如，半月談，我們要傳達(dá)的信息有：品牌LOGO，讓用戶(hù)一眼就知道哪里出品，下次形成條件反射，所謂的視覺(jué)認(rèn)知是需要一定的重復(fù)的，只有不斷重復(fù)才能加深用戶(hù)印象。 子品牌LOGO，讓用戶(hù)知道我們出了什么東西，并且有系列感。以上就是我們要傳達(dá)的核心信息了。你也可以認(rèn)為這就是一個(gè)BANNER，只是——看起來(lái)沒(méi)那么好看而已。但是，我們發(fā)現(xiàn)信息還不夠，我們還想要傳達(dá)：我們的內(nèi)容大概是什么，從而讓用戶(hù)形成期待 既然是系列，我們希望用戶(hù)能夠知道這是第幾期，從而當(dāng)他們想要從某一期有興趣時(shí)點(diǎn)擊到全部，也有地方去。所以，我們把信息又放出來(lái)?，F(xiàn)在我們有4類(lèi)信息。
第二步：定義信息的優(yōu)先級(jí)雖然我們有4類(lèi)信息，但是優(yōu)先級(jí)肯定不一樣的，所以對(duì)應(yīng)到設(shè)計(jì)上，我們給它放的版塊的大小、顏色的突出是不一樣的。
第三步：考慮用戶(hù)視覺(jué)路徑也即你想引導(dǎo)用戶(hù)先看哪里，再看哪里，然后再做什么。通常，用戶(hù)的閱讀從上到下，從左到右邊，所以一般重要的內(nèi)容會(huì)放到左上角。不過(guò)這個(gè)規(guī)則可以用醒目的圖片、刺眼的顏色輕易打破，但是我建議你不要輕易這么做，所有的圖片和顏色都要有意義，為什么要用這個(gè)圖片為什么要用這個(gè)顏色。確保用戶(hù)一開(kāi)始有視覺(jué)中心，如果用戶(hù)一眼不知道先看什么，那么這個(gè)banner就是失敗的。有了視覺(jué)焦點(diǎn)后，你可以從視覺(jué)焦點(diǎn)引申開(kāi)來(lái)，使用視覺(jué)里的親密性原則(把內(nèi)容相近的地理位置靠近一些、對(duì)比原則等等)，引導(dǎo)用戶(hù)從視覺(jué)焦點(diǎn)進(jìn)而關(guān)注到其他細(xì)節(jié)、或者促使行動(dòng)的東西。
第四步：考慮標(biāo)準(zhǔn)識(shí)別顏色既然我們要傳達(dá)品牌形象，請(qǐng)確保用色從我們的標(biāo)準(zhǔn)VI色盤(pán)中選擇，而不要隨便用。我是配色弱怎么辦?有這3個(gè)板斧打遍天下，記住，品牌傳達(dá)，重復(fù)性很重要。就像我們看到紅、黃、白配色會(huì)想到麥當(dāng)勞，看到綠和黑就想到星巴克一樣。
第五步：做視覺(jué)的排版(不要考慮太多設(shè)計(jì)技能，否則就陷入到：我不是專(zhuān)業(yè)的，所以我不會(huì)做設(shè)計(jì)上)排版上，信息已經(jīng)完整，優(yōu)先級(jí)已經(jīng)出來(lái)，無(wú)非就是把它變得好看一些而已。
讓banner好看的幾個(gè)要訣：
1. 對(duì)齊很好辦吧，讓內(nèi)容縱向、橫向都有一條線(xiàn)，可以對(duì)齊。要么居中，要么底部。盡量確保頁(yè)面上不要有一個(gè)元素，沒(méi)有任何元素和它能夠形成對(duì)齊的關(guān)系。
2. 親密不要讓所有內(nèi)容都沒(méi)有聚集地堆在一起，讓那些關(guān)系比較親密的內(nèi)容聚合成一個(gè)區(qū)域，不要讓一個(gè)banner上的區(qū)域超過(guò)4個(gè)。
3. 簡(jiǎn)單質(zhì)感：千萬(wàn)不要加任何PS的濾鏡、陰影、能不漸變就不漸變，因?yàn)橐呀?jīng)不流行了，不要盲目使用各種樣式。
4. 如果要用圖標(biāo)，盡量選擇樣式統(tǒng)一，且能夠保持你的優(yōu)先級(jí)次序的圖表。比如我們引導(dǎo)用戶(hù)先看左邊，再看右邊，結(jié)果你在右邊的圖標(biāo)里選擇了一個(gè)血紅的，可能用戶(hù)的視線(xiàn)立馬被吸引過(guò)來(lái)了。

當(dāng)前名稱(chēng)：6個(gè)步驟幫你速成設(shè)計(jì)好Banner
轉(zhuǎn)載來(lái)源：http://jinyejixie.com/news/227949.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷(xiāo)、響應(yīng)式網(wǎng)站、軟件開(kāi)發(fā)、定制網(wǎng)站、標(biāo)簽優(yōu)化、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)