全球看顏，網(wǎng)站看Banner，店面當(dāng)然要好看，但是許多同學(xué)們認(rèn)為做Banner是門技術(shù)性工作，自身學(xué)藝不精做不來(lái)。假如你看過(guò)今日這篇文，便會(huì)搞清楚，技術(shù)性于Banner，如同刀功于人，雖然有招數(shù)，但無(wú)武學(xué)支撐點(diǎn)，久戰(zhàn)滿盤皆輸。而這篇好文章，便是Banner的內(nèi)功修煉心決，按6個(gè)流程來(lái)，速學(xué)終有一別。
@Heidixie（阿里著名網(wǎng)頁(yè)設(shè)計(jì)師） ：精英團(tuán)隊(duì)小伙伴們問(wèn)起這種情況，發(fā)一封郵件分享自己的構(gòu)思，順帶貼過(guò)來(lái)。
可用前提條件：
外行視覺(jué)室內(nèi)設(shè)計(jì)師 沒(méi)過(guò)多空閑時(shí)間去干。 為什么要做banner？banner是用于傳達(dá)信息的。一切不因傳達(dá)合理信息、合理傳達(dá)信息的banner全是yy. baner是用于促進(jìn)用戶行為的，也即Call To Action。沒(méi)法讓用戶造成你所期待的banner全是失效的。
因此，先解決一個(gè)錯(cuò)誤的了解：banner只是拿來(lái)裝飾設(shè)計(jì)用的，只是就是為了吸引人留意啥的念頭。
因此，大家既然是外行室內(nèi)設(shè)計(jì)師，還要回到到做banner的源頭，因?yàn)樽龅街蠈?shí)際效果，與此同時(shí)兼具美觀大方、大氣、漂亮。
大氣和漂亮的banner不一定必須深?yuàn)W的視覺(jué)方法，和麻煩的PS作用，但要兼具視覺(jué)的一些基本原則，我稍候會(huì)列舉。
著名步：界定要傳達(dá)哪些信息
這一步，和視覺(jué)、審美觀什么的都沒(méi)事兒。
例如，半月談，我們要傳達(dá)的信息有：
知名品牌LOGO，讓用戶一眼就明白哪兒制作，下一次產(chǎn)生條件刺激，所說(shuō)的視覺(jué)認(rèn)知能力是必須一定的反復(fù)的，僅有持續(xù)反復(fù)才可以加重用戶印像。 子品牌LOGO，讓用戶了解大家出什么，而且有系類感。
之上就是我們要傳達(dá)的關(guān)鍵信息了。你也可以覺(jué)得這就是一個(gè)BANNER，僅僅――看上去沒(méi)那么好看罷了。
可是，大家發(fā)覺(jué)信息還不夠，大家還想要傳達(dá)：
他們的具體內(nèi)容大概是哪些，進(jìn)而讓用戶產(chǎn)生希望 既然是系列產(chǎn)品，我們希望用戶可以明白這是第幾期，進(jìn)而當(dāng)他們要想從某一期有興致時(shí)點(diǎn)一下到所有，也是有地區(qū)去。
因此，大家把信息又放出來(lái)?，F(xiàn)在我們有4類信息。
第二步：界定信息的優(yōu)先
雖然我們有4類信息，可是優(yōu)先毫無(wú)疑問(wèn)不一樣的，因此相匹配到設(shè)計(jì)方案上，大家給它放的版面的多少、顏色的明顯是不一樣的。
第三步：考慮到用戶視覺(jué)途徑
也即你要正確引導(dǎo)用戶首先看哪兒，再看哪兒，然后干什么。
一般，用戶的閱讀文章從上向下，從左往右邊，因此一般關(guān)鍵的信息會(huì)放進(jìn)左上方。
但是這些標(biāo)準(zhǔn)能夠用醒目的圖片、晃眼的顏色隨便擺脫，可是我建議你不必隨便這么做，所有的圖片和顏色都需要更有意義，為什么要用這個(gè)圖片為什么要用這一顏色。
保證用戶一開(kāi)始有視覺(jué)核心，假如用戶一眼不清楚首先看哪些，那樣這個(gè)banner便是不成功的。
擁有視覺(jué)聚焦點(diǎn)后，你能從視覺(jué)聚焦點(diǎn)延伸起來(lái)，應(yīng)用視覺(jué)中的親密性標(biāo)準(zhǔn)（把具體內(nèi)容相仿的地理位置挨近一些、比照標(biāo)準(zhǔn)這些），正確引導(dǎo)用戶從視覺(jué)聚焦點(diǎn)從而了解到別的關(guān)鍵點(diǎn)、或是促進(jìn)行為的事物。
第四步：考慮到規(guī)范鑒別顏色
即然我們要傳達(dá)企業(yè)形象，請(qǐng)保證色彩搭配從他們的規(guī)范VI色盤里挑選，而不要隨便用。
我就是配色弱怎么辦？有這3個(gè)大斧無(wú)人能敵：《秒變配色高手！怎么都不會(huì)錯(cuò)的6條網(wǎng)頁(yè)設(shè)計(jì)配色原則》
記牢，知名品牌傳達(dá)，可重復(fù)性至關(guān)重要。就像我們見(jiàn)到紅、黃、白顏色會(huì)想起肯德基，見(jiàn)到綠和黑就會(huì)想到星巴克咖啡一樣。
第五步：做視覺(jué)的排版設(shè)計(jì)
（不必考慮到過(guò)多設(shè)計(jì)方案專業(yè)技能，不然就深陷到：不是我技術(shù)專業(yè)的，因此我不會(huì)做設(shè)計(jì)方案上）
排版設(shè)計(jì)上，信息早已詳細(xì)，優(yōu)先早已出去，無(wú)非就是把它越來(lái)越漂亮一些罷了。
讓banner漂亮的好多個(gè)秘訣：
1. 兩端對(duì)齊
很找邦企吧，讓具體內(nèi)容豎向、橫著都是有一條線，能夠兩端對(duì)齊。要不垂直居中，要不底端。盡可能保證網(wǎng)頁(yè)頁(yè)面上不能有一個(gè)元素，沒(méi)有原素和它可以產(chǎn)生兩端對(duì)齊的關(guān)聯(lián)。
2. 親密無(wú)間
不能讓全部?jī)?nèi)容也沒(méi)有集中地堆在一起，讓這些關(guān)聯(lián)較為親密無(wú)間的具體內(nèi)容匯聚成一個(gè)地區(qū)，不能讓一個(gè)banner上的范圍超出4個(gè)。
3. 簡(jiǎn)易層次感：
千萬(wàn)別加一切PS的ps濾鏡、黑影、能不漸變色也不漸變色，由于早已不流行了，不要盲目應(yīng)用各種各樣款式。
4. 如果要用標(biāo)志，盡可能挑選款式統(tǒng)一，且可以維持你優(yōu)先順序的數(shù)據(jù)圖表。例如大家正確引導(dǎo)用戶首先看左側(cè)，再看右側(cè)，結(jié)論你一直在右側(cè)的標(biāo)志里選擇了一個(gè)猩紅的，很有可能用戶的視野立刻被招引過(guò)來(lái)了。
5. 不能讓字體樣式超出3種。盡可能用宋體、黑體字、方正黑體，不能用哪些魏碑體、行楷字等，一看就較為仿冒。
第六步：做更多的是裝飾
假如你不想做，實(shí)際上上邊還可以了。
想要做得話，我們能：
例如花一點(diǎn)時(shí)間去干一個(gè)受歡迎的扁平化設(shè)計(jì)背景裝飾――還是得注重一點(diǎn)，不必為了能裝飾設(shè)計(jì)而裝飾，每一個(gè)裝飾設(shè)計(jì)都需要更有意義、讓環(huán)境更為有層次感。例如加一點(diǎn)磨紗覺(jué)得。 例如，你還可以適度轉(zhuǎn)換下其他排版設(shè)計(jì)，例如：垂直居中的排版設(shè)計(jì)，比較容易正確引導(dǎo)用戶從上向下的瀏覽角度，都是好多人懶惰比較喜歡的排版設(shè)計(jì)設(shè)計(jì)風(fēng)格。
總的來(lái)說(shuō)，做banner有一大半的心力是整理信息、設(shè)置優(yōu)先、設(shè)置用戶訪問(wèn)順序，和PS的招式并沒(méi)有過(guò)多關(guān)聯(lián)，因此，每個(gè)人可以去試著搞好一張看起來(lái)很有設(shè)計(jì)感，可是事實(shí)上又沒(méi)花什么時(shí)間精力的banner。專業(yè)網(wǎng)站建設(shè)企業(yè)每日共享seo優(yōu)化專業(yè)知識(shí)，我希望你能與您變成忠誠(chéng)的好好朋友，一起學(xué)習(xí)討論建網(wǎng)站技術(shù)性。
