寬屏網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范

《寬屏網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、自從人類進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立寬屏網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范　　篇一：網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)尺寸注意事項(xiàng)　　網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)尺寸注意事項(xiàng)　　12JuneXX16:15Sundayby小屋　　有很多沒(méi)注意到的都有寫了，值得一閱。　　網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫給出一塊畫版來(lái).這樣才能方便設(shè)計(jì).網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流,正在朝19寸及寬屏的方向發(fā)展.但目

2、前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Friefox等.　　高度：　　高度是可以向下延展的,所以一般對(duì)高度不限制.對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒(méi)有確切值?！　挾?　　1、在下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框?！　?、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就

3、變成1005隨著信息化和全球化的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條?！　∷匀绻?024的分辨率，你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白

4、更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì).　　如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的.　　這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右.　　網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸:　　1、800*600下，網(wǎng)頁(yè)寬度保持在以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定?！　?、1024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話

5、,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值,1024*768頁(yè)面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)　　3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右隨著信息化和全球化的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、

6、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)椋祝牛律厦嬷挥玫剑玻担叮祝牛掳踩?，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會(huì)有失色的現(xiàn)象.　　頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為*434px　　頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏　　每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即英寸　　全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px另外120*90，120*60也是

7、小圖標(biāo)的標(biāo)準(zhǔn)尺寸　　每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K　　標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格　　1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故?。　?、120*60，這種廣告規(guī)格主要用于做LOGO使用?！　?、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO?！　?、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告?！　?、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接?！　?、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。隨著信息化和全球化

8、的發(fā)展，國(guó)家及地區(qū)之間的貿(mào)易也已成為拉動(dòng)一國(guó)經(jīng)濟(jì)的三駕馬車之一，甚至是三駕馬車之首，奧巴馬政府成立之日起自從人類進(jìn)入商品經(jīng)濟(jì)社會(huì)以來(lái)，貿(mào)易即已成為人們?nèi)粘；顒?dòng)的主要部分，并成為一國(guó)經(jīng)濟(jì)增長(zhǎng)的主動(dòng)力。國(guó)際分工的深化、大量國(guó)際統(tǒng)一標(biāo)準(zhǔn)規(guī)則的建立　　7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳?！　?、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO?！　V告形式像素大小最大尺寸備注　　BUTTON120*60(必須用gif)　　215*50(必