網頁設計的標準尺寸是多少

時間：2025-11-16 00:23:09 網頁設計

網頁設計的標準尺寸是多少

　　我們看過很多網頁設計作品，你們有想過他們多大么?下面是小編整理的關于網頁設計的標準尺寸的介紹，歡迎閱讀!

　　網頁設計的標準尺寸是多少1

　　1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

　　2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。(在dw里面有設定好的標準值, 1024*768頁面的標準大小是955*600,照著它的尺寸做就行了)

　　3、在ps里面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右

　　4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的.色域很寬顏色范圍很廣，所以自然會有失色的現象.

　　頁面標準按800*600分辨率制作，實際尺寸為778*434px

　　頁面長度原則上不超過3屏，寬度不超過1屏

　　每個標準頁面為A4幅面大小，即8.5X11英寸

　　全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

　　另外120*90，120*60也是小圖標的標準尺寸

　　每個非首頁靜態頁面含圖片字節不超過60K，全尺寸banner不超過14K

　　網頁設計的標準尺寸是多少2

　　1、120*120，這種廣告規格適用于產品或新聞照片展示。

　　2、120*60，這種廣告規格主要用于做LOGO使用。

　　3、120*90，主要應用于產品演示或大型LOGO。

　　4、125*125，這種規格適于表現照片效果的圖像廣告。

　　5、234*60，這種規格適用于框架或左右形式主頁的廣告鏈接。

　　6、392*72，主要用于有較多圖片展示的.廣告條，用于頁眉或頁腳。

　　7、468*60，應用最為廣泛的廣告條尺寸，用于頁眉或頁腳。

　　8、88*31，主要用于網頁鏈接，或網站小型LOGO。

　　網頁設計的標準尺寸是多少3

　　1、首頁右上，尺寸120*60

　　2、首頁頂部通欄，尺寸468*60

　　3、首頁頂部通欄，尺寸760*60

　　4、首頁中部通欄，尺寸580*60

　　5、內頁頂部通欄，尺寸468*60

　　6、內頁頂部通欄，尺寸760*60

　　7、內頁左上，尺寸150*60或300*300

　　8、下載地址頁面，尺寸560*60或468*60

　　9、內頁底部通欄，尺寸760*60

　　10、左漂浮，尺寸80*80或100*100

　　11、右漂浮，尺寸80*80或100*100

　　IAB和EIAA發布新的網絡廣告尺寸標準

　　在這6種格式中，除了去年iab發布的4種“通用廣告包”中的格式：160x600, 300x250, 180x150及728x90，還包括新公布的`468x60 和120x600(擎天柱)2種。

　　網頁設計的標準尺寸是多少4

　　對于固定寬度的網站布局，設計師常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、寬屏幕的顯示器越來越多，越來越普及，有些設計師也開始采用1000px、1003px這樣的分辨率。

　　頁面最大化、滿屏化的網站看著的確是舒服，但過高的分辨率在設計師顯示器上合適，并不代表在瀏覽者的顯示器上也合適。現在用的最多的'分辨率還是1024*768，在這種分辨率下，含滾動條的頁面最大寬度應不超過994px，所以一般頁面寬度定位在990px以內比較適宜。

　　這一講主要來說說網頁設計的標準尺寸

　　一、在800*600分辨率下，頁面寬度應在778px以內，這樣不會出現橫向滾動條，高度可以依據版面和內容而定。

　　二、在1024*768分辨率下，頁面寬度應在1003px以內，如果僅一屏顯示的頁面，高度在612px～615px之間，這樣橫向和縱向滾動條都不會出現。

　　三、在photoshop中做800*600分辨率下僅一屏的網頁時，尺寸可以設為740*560左右。

　　頁面標準按800*600分辨率制作，尺寸為778px*434px

　　網頁中的廣告尺寸

　　1.首頁右上，尺寸120*60

　　2.首頁頂部通欄，尺寸468*60

　　3.首頁頂部通欄，尺寸760*60

　　4.首頁中部通欄，尺寸580*60

　　5.內頁頂部通欄，尺寸468*60

　　6.內頁頂部通欄，尺寸760*60

　　7.內頁左上，尺寸150*60或300*300

　　8.下載地址頁面，尺寸560*60或468*60

　　9.內頁底部通欄，尺寸760*60

　　10.左漂浮，尺寸80*80或100*100

　　11.右漂浮，尺寸80*80或100*100

　　網頁設計的標準尺寸是多少5

　　一.網頁背景

　　a.純色背景平鋪（自適應瀏覽器）

　　b.漸變色或底紋平鋪背景（自適應瀏覽器）

　　目前網頁設計中都會做通欄大圖，以方便吸引客戶，增加網站整體美觀

　　c.通欄大圖

　　二.屏幕分辨率

　　1.標準分辨率：1024px*768px（目前10%-20%的用戶在用）

　　主體設計內容寬度：1000px（常用寬度：960px，1170px，980px，1100px，1200px）

　　首屏高度大約在700px

　　2.常用分辨率：1280px*768px

　　主體設計內容寬度：1200px（常用寬度：1190px，1170px，1100px，1200px）

　　首屏高約：750px

　　3.系統分辨率統計

　　三.設計文檔大小

　　1.PS中新建文檔寬要大于主體設計內容的寬度（目的為了表現設計意圖，展示背景效果，左右寬度最少200px）

　　2.設計到通欄大圖片新建文檔的'寬度：1920px，所有的設計文檔寬1920px主體內容根據具體情況而定（主體內容要是想要適應所有用戶必須低于1000px）

　　四.主流瀏覽器的界面參數與份額

　　網頁設計的標準尺寸是多少6

　　在Window XP常見分辨率1024×768下我們除掉任務欄，瀏覽器菜單欄以及狀態欄后剩下的網頁首屏高度平均值是584。

　　在Window 7常見分辨率1440×900下我們除掉任務欄，瀏覽器菜單欄以及狀態欄后剩下的網頁首屏高度平均值是716。

　　于設計來說，選取一個合適的'尺寸作為正常大小和中等屏幕密度(尺寸的選取依據打算適配的硬件，建議參考現主流硬件分辨率)，然后向下和向上做小、大、特大和低、高、超高的尺寸與密度。

　　iPhone手機網頁的設計尺寸

　　iPhone5尺寸是640x1136px分辨率是326PPI

　　iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

　　iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

　　安卓網頁的設計尺寸

　　320dp：一個普通的手機屏幕(240X320，320×480，480X800)

　　480dp：一個中間平板電腦像(480×800)

　　600dp：7寸平板電腦(600×1024)

　　720dp：10寸平板電腦(720×1280，800×1280)

　　ipad網頁的設計尺寸

　　iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

　　iPad第一代第二代尺寸是1024x768px分辨率是132PPI

　　iPad Mini尺寸是1024x768px分辨率是163PPI

【網頁設計的標準尺寸是多少】相關文章：