範文齋

位置:首頁 > 行業範文 > 設計

移動端網頁設計的尺寸

設計1.29W

在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

標籤:網頁