banner模版使用問題及解決方案
banner模版使用問題及解決方案
關(guān)于banner問題，尤其是模版和使用問題上，出現(xiàn)了不少，但是問題出現(xiàn)了，就要解決這個(gè)問題，那么現(xiàn)在在banner模版出現(xiàn)了什么問題，又是如何解決的呢？
banner設(shè)計(jì)，banner模版使用問題及解決方案
雖然banner模版從v3.0的時(shí)候就開始建立，但用的同學(xué)很少，原因分析：
1、因?yàn)槌踅０鎺?，只有?huì)議、產(chǎn)品、傷感、生活、喜慶等幾個(gè)分區(qū)還不夠全面、內(nèi)容不夠多，所以編輯同學(xué)選擇性會(huì)很少。
2、banner模版庫的宣傳力度不夠，鮮為人知因此優(yōu)勢(shì)沒有發(fā)揮到位。
3、再者是因?yàn)樯儆芯庉嬆莒`活地運(yùn)用PS軟件，更何況如何應(yīng)用現(xiàn)有的模版改為符合自己專題性質(zhì)的banner了。
4、當(dāng)然除了這些還有一些即使懂如何操作PS的同學(xué)還是對(duì)自己不夠自信，覺得設(shè)計(jì)中心做的就是比自己做得好，即使有模版也當(dāng)然不會(huì)比專門從事設(shè)計(jì)的同事做得好。所以只要不是特別急的單一般都會(huì)提單處理。
●解決方案：
1、與v4.0專題模版庫同步更新了v4.0banner模版庫，這次更新是從設(shè)計(jì)中心半年來設(shè)計(jì)的結(jié)晶中挑選的精品，更新數(shù)量達(dá)到70有余，同時(shí)還擴(kuò)展了博聯(lián)體、女人、世博、其他等，現(xiàn)在一共是16個(gè)分區(qū)，分區(qū)盡量做到對(duì)應(yīng)頻道化、風(fēng)格類同化以方便編輯查找。更新一直都在進(jìn)行中，每周我們會(huì)定期對(duì)模版庫進(jìn)行更新，并以郵件和群發(fā)的形式給以通知。
2、擴(kuò)大模版庫的知名度，因?yàn)橐郧熬痛嬖谝恍┯脩舳夷０鎸?shí)用性很強(qiáng)，所以還是有很強(qiáng)的粘性的，只要我們夠用心地在做，有更多的好模版上傳，編輯會(huì)很愿意應(yīng)用甚至?xí)蕾嚒?當(dāng)然，太過依賴也是不好的，我們提倡的永遠(yuǎn)是模版加創(chuàng)造，以達(dá)成脫離模版自行創(chuàng)造出符合網(wǎng)易風(fēng)格的設(shè)計(jì)，這才是我們的目標(biāo)!只有這樣才能使我們的網(wǎng)站即能保持整體風(fēng)格也不落入古板)對(duì)部分提banner單較多的頻道，有意地增加模版庫中該頻道的模版數(shù)量，同時(shí)通過與頻道接口人進(jìn)行配合，加強(qiáng)大家自己動(dòng)手豐衣足食的意識(shí)。
3、培訓(xùn)!視覺規(guī)范的培訓(xùn)、設(shè)計(jì)的培訓(xùn)、PS基礎(chǔ)技能的培訓(xùn)等培訓(xùn)如期地安排開來。通過多次培訓(xùn)的結(jié)果來看，大家對(duì)PS基礎(chǔ)技能的培訓(xùn)比較感興趣這部分培訓(xùn)還是能對(duì)大家平時(shí)工作起到很重要的作用的，所以這種觸手可及的東西總會(huì)比設(shè)計(jì)理念的培訓(xùn)來得更深入人心。
每個(gè)季度對(duì)新員工的培訓(xùn)并與視覺規(guī)范一并納入考核范圍也是至關(guān)重要的一部分。新人永遠(yuǎn)是最大的希望，通過他們將這些理念傳播并執(zhí)行起來，逐次地，banner模版的作用將發(fā)揮得更好，對(duì)于現(xiàn)在存在的有些頁面的頭圖根本不跟該頻道的風(fēng)格一致，甚至不堪入目的情況得到改善的那一天指日可待。
通過這些培訓(xùn)不僅讓編輯能了解到一些視覺規(guī)范還能給予到一些實(shí)際的操作方式、方法從而對(duì)鼓勵(lì)他們自己操刀設(shè)計(jì)banner成為一種可能。
banner設(shè)計(jì)，banner設(shè)計(jì)的常用尺寸多少？
打開網(wǎng)站頁面我們會(huì)看到顏色豐富、圖案各異的banner圖片，它們的大小也是不一樣的。banner的設(shè)計(jì)尺寸是由網(wǎng)站本身的設(shè)計(jì)規(guī)格和廣告圖片的規(guī)格決定的，可以說它的設(shè)計(jì)規(guī)格是沒有固定要求的。雖然沒有嚴(yán)格的規(guī)定banner的設(shè)計(jì)尺寸，但是從網(wǎng)站banner設(shè)計(jì)的頁面規(guī)格分析，網(wǎng)站banner設(shè)計(jì)中常用的尺寸如下：
banner設(shè)計(jì)，banner設(shè)計(jì)的常用尺寸多少？
一、從網(wǎng)站頁面的廣告位置來看
網(wǎng)頁中的廣告尺寸：
1.首頁右上，尺寸120*60
2.首頁頂部通欄，尺寸468*60
3.首頁頂部通欄，尺寸760*60
4.首頁中部通欄，尺寸580*60
5.內(nèi)頁頂部通欄，尺寸468*60
6.內(nèi)頁頂部通欄，尺寸760*60
7.內(nèi)頁左上，尺寸150*60或300*300
8.下載地址頁面，尺寸560*60或468*60
9.內(nèi)頁底部通欄，尺寸760*60
10.左漂浮，尺寸80*80或100*100
11.右漂浮，尺寸80*80或100*100
二、從網(wǎng)站的頁面大小來看
1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)決定(頁面的顯示尺寸為：1007*600px)。
3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右。
4、1024*768 下網(wǎng)頁的尺寸:width=955,height=600800*600 下網(wǎng)頁的尺寸:width=760,height=420。
5、分辨率在640*480的情況下，頁面的顯示尺寸為:620*311px。
三、從banner自身的設(shè)計(jì)大小看
1、頁面長度原則上不超過3屏，寬度不超過1屏。
2、每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5*11英寸。
3、全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸;4、每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K。
banner設(shè)計(jì)，banner字體設(shè)計(jì)“五法”
banner字體設(shè)計(jì)，這幾乎是每個(gè)Web設(shè)計(jì)師都會(huì)遇到的設(shè)計(jì)內(nèi)容，不論是通欄、半通欄，還是各種大大小小尺寸以及活動(dòng)營銷推廣的頁面頭部，都可以看到字體設(shè)計(jì)的身影。文字，這種與人類歷史幾乎同步的信息表達(dá)形式，同樣也是視覺傳達(dá)設(shè)計(jì)中最重要、最基礎(chǔ)的元素之一。她的歷史沿革應(yīng)該已經(jīng)有非常多的同學(xué)做過分享介紹，這里就不再贅述。當(dāng)他們兩者在一定時(shí)間結(jié)合，碰觸了精彩的火花。
banner設(shè)計(jì)，banner字體設(shè)計(jì)“五法”
點(diǎn)
根據(jù)文字本身的具體內(nèi)容及其含義，使得文字的筆畫結(jié)構(gòu)與文字內(nèi)容含義一致，符合用戶的心理預(yù)期，下圖中“斷”字就故意在最后一筆切斷。
橫
思考banner的觀眾是誰或者說這個(gè)產(chǎn)品是誰用的，針對(duì)兒童類產(chǎn)品，在字體的表現(xiàn)上可以幼稚活潑一些，在設(shè)計(jì)上增加一些童趣的意味，假如是針對(duì)機(jī)械類產(chǎn)品，可以在字體筆畫結(jié)構(gòu)上做的硬一些，棱角分明，假如是針對(duì)女性的，文字的構(gòu)建上可以纖細(xì)柔美、也可以時(shí)尚秀麗，假如… …豎
根據(jù)不同的主題氛圍進(jìn)行設(shè)計(jì)，如端午節(jié)，中秋節(jié)等傳統(tǒng)節(jié)日進(jìn)行的推廣設(shè)計(jì)，可以增加人文的設(shè)計(jì)元素，如使用書法字體，用字體去烘托這個(gè)氛圍，同樣比較常見的還有一些使用禮品帶、花枝藤蔓等裝飾性元素結(jié)合文字出現(xiàn)以增加設(shè)計(jì)的美感。
撇
用輔助圖形與字體結(jié)合，這樣的組合方式非常常見，設(shè)計(jì)原理就是根據(jù)字意詞意，使用與之相關(guān)的圖形元素與字體筆畫形體相結(jié)合，圖形元素的使用可以是具象的也可以抽象的，但對(duì)于這個(gè)的形式也很容易陷入設(shè)計(jì)泥潭，過分的強(qiáng)化圖形或者說圖形過于復(fù)雜，反而對(duì)字體有效傳達(dá)造成影響，在設(shè)計(jì)時(shí)盡可能避免過度設(shè)計(jì)。
捺
作為五筆畫的最后一筆，除以上講述的內(nèi)容外，對(duì)于banner中的字體設(shè)計(jì)還是應(yīng)該追本溯源，形式上的美感自然是設(shè)計(jì)表現(xiàn)的一方面，但再好看的商業(yè)設(shè)計(jì)也不能脫離一個(gè)設(shè)計(jì)關(guān)鍵要素：易識(shí)性，怎樣才可以讓字體既美觀又具有良好傳達(dá)力的呢?
關(guān)于banner問題，尤其是模版和使用問題上，出現(xiàn)了不少，但是問題出現(xiàn)了，就要解決這個(gè)問題，那么現(xiàn)在在banner模版出現(xiàn)了什么問題，又是如何解決的呢？
banner設(shè)計(jì)，banner模版使用問題及解決方案
雖然banner模版從v3.0的時(shí)候就開始建立，但用的同學(xué)很少，原因分析：
1、因?yàn)槌踅０鎺?，只有?huì)議、產(chǎn)品、傷感、生活、喜慶等幾個(gè)分區(qū)還不夠全面、內(nèi)容不夠多，所以編輯同學(xué)選擇性會(huì)很少。
2、banner模版庫的宣傳力度不夠，鮮為人知因此優(yōu)勢(shì)沒有發(fā)揮到位。
3、再者是因?yàn)樯儆芯庉嬆莒`活地運(yùn)用PS軟件，更何況如何應(yīng)用現(xiàn)有的模版改為符合自己專題性質(zhì)的banner了。
4、當(dāng)然除了這些還有一些即使懂如何操作PS的同學(xué)還是對(duì)自己不夠自信，覺得設(shè)計(jì)中心做的就是比自己做得好，即使有模版也當(dāng)然不會(huì)比專門從事設(shè)計(jì)的同事做得好。所以只要不是特別急的單一般都會(huì)提單處理。
●解決方案：
1、與v4.0專題模版庫同步更新了v4.0banner模版庫，這次更新是從設(shè)計(jì)中心半年來設(shè)計(jì)的結(jié)晶中挑選的精品，更新數(shù)量達(dá)到70有余，同時(shí)還擴(kuò)展了博聯(lián)體、女人、世博、其他等，現(xiàn)在一共是16個(gè)分區(qū)，分區(qū)盡量做到對(duì)應(yīng)頻道化、風(fēng)格類同化以方便編輯查找。更新一直都在進(jìn)行中，每周我們會(huì)定期對(duì)模版庫進(jìn)行更新，并以郵件和群發(fā)的形式給以通知。
2、擴(kuò)大模版庫的知名度，因?yàn)橐郧熬痛嬖谝恍┯脩舳夷０鎸?shí)用性很強(qiáng)，所以還是有很強(qiáng)的粘性的，只要我們夠用心地在做，有更多的好模版上傳，編輯會(huì)很愿意應(yīng)用甚至?xí)蕾嚒?當(dāng)然，太過依賴也是不好的，我們提倡的永遠(yuǎn)是模版加創(chuàng)造，以達(dá)成脫離模版自行創(chuàng)造出符合網(wǎng)易風(fēng)格的設(shè)計(jì)，這才是我們的目標(biāo)!只有這樣才能使我們的網(wǎng)站即能保持整體風(fēng)格也不落入古板)對(duì)部分提banner單較多的頻道，有意地增加模版庫中該頻道的模版數(shù)量，同時(shí)通過與頻道接口人進(jìn)行配合，加強(qiáng)大家自己動(dòng)手豐衣足食的意識(shí)。
3、培訓(xùn)!視覺規(guī)范的培訓(xùn)、設(shè)計(jì)的培訓(xùn)、PS基礎(chǔ)技能的培訓(xùn)等培訓(xùn)如期地安排開來。通過多次培訓(xùn)的結(jié)果來看，大家對(duì)PS基礎(chǔ)技能的培訓(xùn)比較感興趣這部分培訓(xùn)還是能對(duì)大家平時(shí)工作起到很重要的作用的，所以這種觸手可及的東西總會(huì)比設(shè)計(jì)理念的培訓(xùn)來得更深入人心。
每個(gè)季度對(duì)新員工的培訓(xùn)并與視覺規(guī)范一并納入考核范圍也是至關(guān)重要的一部分。新人永遠(yuǎn)是最大的希望，通過他們將這些理念傳播并執(zhí)行起來，逐次地，banner模版的作用將發(fā)揮得更好，對(duì)于現(xiàn)在存在的有些頁面的頭圖根本不跟該頻道的風(fēng)格一致，甚至不堪入目的情況得到改善的那一天指日可待。
通過這些培訓(xùn)不僅讓編輯能了解到一些視覺規(guī)范還能給予到一些實(shí)際的操作方式、方法從而對(duì)鼓勵(lì)他們自己操刀設(shè)計(jì)banner成為一種可能。
banner設(shè)計(jì)，banner設(shè)計(jì)的常用尺寸多少？
打開網(wǎng)站頁面我們會(huì)看到顏色豐富、圖案各異的banner圖片，它們的大小也是不一樣的。banner的設(shè)計(jì)尺寸是由網(wǎng)站本身的設(shè)計(jì)規(guī)格和廣告圖片的規(guī)格決定的，可以說它的設(shè)計(jì)規(guī)格是沒有固定要求的。雖然沒有嚴(yán)格的規(guī)定banner的設(shè)計(jì)尺寸，但是從網(wǎng)站banner設(shè)計(jì)的頁面規(guī)格分析，網(wǎng)站banner設(shè)計(jì)中常用的尺寸如下：
banner設(shè)計(jì)，banner設(shè)計(jì)的常用尺寸多少？
一、從網(wǎng)站頁面的廣告位置來看
網(wǎng)頁中的廣告尺寸：
1.首頁右上，尺寸120*60
2.首頁頂部通欄，尺寸468*60
3.首頁頂部通欄，尺寸760*60
4.首頁中部通欄，尺寸580*60
5.內(nèi)頁頂部通欄，尺寸468*60
6.內(nèi)頁頂部通欄，尺寸760*60
7.內(nèi)頁左上，尺寸150*60或300*300
8.下載地址頁面，尺寸560*60或468*60
9.內(nèi)頁底部通欄，尺寸760*60
10.左漂浮，尺寸80*80或100*100
11.右漂浮，尺寸80*80或100*100
二、從網(wǎng)站的頁面大小來看
1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定。
2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)決定(頁面的顯示尺寸為：1007*600px)。
3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右。
4、1024*768 下網(wǎng)頁的尺寸:width=955,height=600800*600 下網(wǎng)頁的尺寸:width=760,height=420。
5、分辨率在640*480的情況下，頁面的顯示尺寸為:620*311px。
三、從banner自身的設(shè)計(jì)大小看
1、頁面長度原則上不超過3屏，寬度不超過1屏。
2、每個(gè)標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5*11英寸。
3、全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸;4、每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K。
banner設(shè)計(jì)，banner字體設(shè)計(jì)“五法”
banner字體設(shè)計(jì)，這幾乎是每個(gè)Web設(shè)計(jì)師都會(huì)遇到的設(shè)計(jì)內(nèi)容，不論是通欄、半通欄，還是各種大大小小尺寸以及活動(dòng)營銷推廣的頁面頭部，都可以看到字體設(shè)計(jì)的身影。文字，這種與人類歷史幾乎同步的信息表達(dá)形式，同樣也是視覺傳達(dá)設(shè)計(jì)中最重要、最基礎(chǔ)的元素之一。她的歷史沿革應(yīng)該已經(jīng)有非常多的同學(xué)做過分享介紹，這里就不再贅述。當(dāng)他們兩者在一定時(shí)間結(jié)合，碰觸了精彩的火花。
banner設(shè)計(jì)，banner字體設(shè)計(jì)“五法”
點(diǎn)
根據(jù)文字本身的具體內(nèi)容及其含義，使得文字的筆畫結(jié)構(gòu)與文字內(nèi)容含義一致，符合用戶的心理預(yù)期，下圖中“斷”字就故意在最后一筆切斷。
橫
思考banner的觀眾是誰或者說這個(gè)產(chǎn)品是誰用的，針對(duì)兒童類產(chǎn)品，在字體的表現(xiàn)上可以幼稚活潑一些，在設(shè)計(jì)上增加一些童趣的意味，假如是針對(duì)機(jī)械類產(chǎn)品，可以在字體筆畫結(jié)構(gòu)上做的硬一些，棱角分明，假如是針對(duì)女性的，文字的構(gòu)建上可以纖細(xì)柔美、也可以時(shí)尚秀麗，假如… …豎
根據(jù)不同的主題氛圍進(jìn)行設(shè)計(jì)，如端午節(jié)，中秋節(jié)等傳統(tǒng)節(jié)日進(jìn)行的推廣設(shè)計(jì)，可以增加人文的設(shè)計(jì)元素，如使用書法字體，用字體去烘托這個(gè)氛圍，同樣比較常見的還有一些使用禮品帶、花枝藤蔓等裝飾性元素結(jié)合文字出現(xiàn)以增加設(shè)計(jì)的美感。
撇
用輔助圖形與字體結(jié)合，這樣的組合方式非常常見，設(shè)計(jì)原理就是根據(jù)字意詞意，使用與之相關(guān)的圖形元素與字體筆畫形體相結(jié)合，圖形元素的使用可以是具象的也可以抽象的，但對(duì)于這個(gè)的形式也很容易陷入設(shè)計(jì)泥潭，過分的強(qiáng)化圖形或者說圖形過于復(fù)雜，反而對(duì)字體有效傳達(dá)造成影響，在設(shè)計(jì)時(shí)盡可能避免過度設(shè)計(jì)。
捺
作為五筆畫的最后一筆，除以上講述的內(nèi)容外，對(duì)于banner中的字體設(shè)計(jì)還是應(yīng)該追本溯源，形式上的美感自然是設(shè)計(jì)表現(xiàn)的一方面，但再好看的商業(yè)設(shè)計(jì)也不能脫離一個(gè)設(shè)計(jì)關(guān)鍵要素：易識(shí)性，怎樣才可以讓字體既美觀又具有良好傳達(dá)力的呢?
微信公眾號(hào)
微信交流號(hào)