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

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

ID:23088993

大?。?3.91 KB

頁數(shù):15頁

時(shí)間:2018-11-04

寬屏網(wǎng)頁設(shè)計(jì)尺寸規(guī)范_第1頁
寬屏網(wǎng)頁設(shè)計(jì)尺寸規(guī)范_第2頁
寬屏網(wǎng)頁設(shè)計(jì)尺寸規(guī)范_第3頁
寬屏網(wǎng)頁設(shè)計(jì)尺寸規(guī)范_第4頁
寬屏網(wǎng)頁設(shè)計(jì)尺寸規(guī)范_第5頁
資源描述:

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

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

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

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

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

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

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

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

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

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時(shí)可能會顯示錯(cuò)亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時(shí)聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。