本页内容
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端产品,都是通过浏览器打开和呈现给用户使用的。我们在做设计中,也就必须要考虑浏览器的因素,比如说它的顶部固定区域(当前网址,书签栏等的高度)必须排除在外,剩余的部分才是我们设计稿的真实高度。
拿我们常用的谷歌浏览器举例,如下面公式所示:
设计实际高度=电脑分辨率 -(网址栏+书签栏+页签高度)