美文网首页
手机端网页设计尺寸,手机端网页设计图片尺寸

手机端网页设计尺寸,手机端网页设计图片尺寸

作者: Mycro | 来源:发表于2016-12-12 07:02 被阅读1554次

电脑网页的设计尺寸

对大于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

相关文章

  • 手机端网页设计尺寸,手机端网页设计图片尺寸

    电脑网页的设计尺寸 对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络): 安全分辨率为1024...

  • web设计规范

    虽然自己更喜欢手机端的设计,但是现在开始实习了,公式主要以网页端为主,所以多了解网页端的设计规范还是很必要的,我们...

  • 界面尺寸选择

    1.主流设计图分为移动端、网页端2大类,移动端有2大系统Android、iOS、网页端。 2.应该选择哪个尺寸出图...

  • 2019-03-07

    客户端Webview设计规范 客户端 Webview,即内嵌在手机端内部的网页内容。 结构 使用场景 界面规范 代...

  • IOS-APP视觉

    之前一直做网页,在12月1日,首次做IOS移动端的界面设计,很多网页的思维并不适用于移动端的设计。网页端的设计空间...

  • 网页设计尺寸规范|适配各终端方法

    在建站网站时,你需要先对网页设计尺寸有所了解。不同浏览器、不同终端设备的流行尺寸也不一样,就pc端网页设计尺寸而言...

  • pc端、手机端网页切换

    // pc端、手机端网页切换 //URL跳转

  • PC端网页尺寸设计一

    最近要写UI设计规范,先研究一下网页设计里的尺寸问题。 一、分辨率 网页设计的尺寸主要和两个因素有关,一个是电脑显...

  • 客户端(RTMP系列四)

    客户端设计   本项目为满足多平台监控需求,设计了Linux、Android和网页客户端。其中网页客户端基于JWp...

  • 手机端字形图标解决方案——icomoon

    在手机端网页开发中,由于扁平化设计的流行,以及设备屏幕越来越细腻高清,“小而精”的字形图标逐渐成为手机端页面的标配...

网友评论

      本文标题:手机端网页设计尺寸,手机端网页设计图片尺寸

      本文链接:https://www.haomeiwen.com/subject/wxzedttx.html