靜網PWA視頻評論

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

2024年01月04日

- txt下載

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

  網頁設計的標準尺寸是多少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

收藏

相關推薦

清純唯美圖片大全

字典網 - 試題庫 - 元問答 - 简体 - 頂部

Copyright © cnj8 All Rights Reserved.