電腦 手機頁面設計尺寸

電腦網頁的設計尺寸

對大於30W臺客戶端用戶進行測試,得到的測試數據如下(數據來源於網絡):

安全分辨率爲1024 X 768 px 可建議大分辨率爲1280 X 800 px


在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



http://www.wufangbo.com/shou-ji-wang-ye-sheji-chi-cun/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章