Logo
    立即注册
    B端产品设计尺寸
    最近更新时间:2022-11-16 17:02:56

    B端产品设计尺寸

    目前市面上主流的排在前3的屏幕分辨率 19201080,1440900,1366*768。

    ![]( https://dsdesign.matrix.datastory.com.cn/frontApp/get?id=8311)

    B端产品的特殊性,它的尺寸分辨率大小,其实是取决于它的用户 即公司内部员工使用的电脑设备条件。由于员工电脑显示屏大部分都是统一采购的,尺寸也就大致统一,所以开发适配的分辨率可以按这个统一尺寸进行设计。(而互联网上得出来的尺寸大小,仅供参考。)

    决定产品设计尺寸分辨率大小的因素大致包含以下两点:

    ● 市场占有率(主流) ● 兼容能力

    显示器尺寸

    显示器尺寸 主流 场合 人群 备注
    24寸 1920*1080 大屏展示
    <24寸 440900 |1366768 产品界面 分析人员/销售人员 使用办公设备偏小
    极端 1,280

    显示器分辨率

    显示器分辨率 主流1 主流2 主流3
    16:9 1920*1080 1600*900 1366*768
    16:10 1920*1200 1680*1050 1440*900

    *结合以上,所以在我们的设计稿里,会使用1440900的尺寸,因为它的兼容能力会比较强,向上适配或者向下适配误差会比较小,不管是市场占比最高的主流19201080尺寸,还是一般般的1366768尺寸,都完全可兼容。 所以设计师们在选择尺寸上,一定要脑袋灵光点灵活使用,不能一味的认死理只选择1920 或1440某一尺寸,而是要对您的产品用户的具体情况做好分析,从而得出最适合你们产品的设计稿的尺寸。**

    另外,如果希望开放的小哥哥们能把我们的设计稿完全还原的话,还特别要考虑浏览器的适配,因为目前大多数的B端产品,都是通过浏览器打开和呈现给用户使用的。我们在做设计中,也就必须要考虑浏览器的因素,比如说它的顶部固定区域(当前网址,书签栏等的高度)必须排除在外,剩余的部分才是我们设计稿的真实高度。

    拿我们常用的谷歌浏览器举例,如下面公式所示:

    设计实际高度=电脑分辨率 -(网址栏+书签栏+页签高度)

    微信扫描二维码在线咨询