電腦網頁的設計尺寸
對大於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/