常见网站设计尺寸是多少 很多设计会迷茫的问题

潍坊华邦网络 2016-09-05 16:24:30 2.5K 0

链接如果失效，点此上报

电脑网页的设计尺寸

网站宽度是多少，不少设计师都有自己心里的尺子，这个尺码获取是自己的常用尺码，也或许是从其他网站的参考，本文章对网站设计的尺寸提供基本的参考。

某统计站点对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：

于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

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