B端设计用哪个屏幕分辨率设计？

1月 22, 2024 发表于: 视觉设计. 评论

Sponsor

在B端设计中，推荐的分辨率是1440×900。

B端设计的复杂性较高，功能实现难度大，但也有很多相似的组件可以共用。设计师通常会在项目前期制定好这些组件的设计规范，以便后期使用，同时也能减少开发的工作量。

一、常见的屏幕尺寸

常见的 PC 屏幕分辨率有 1280×800、1600×900、1440×900、1366×768、1920×1080、2560×1440。

排名前三的为：1920×1080、1366×768、1440×900.通常情况下我们会选择1440×900进行向下内容适配。

以1440×900的设计尺寸进行设计，但是某些页面，需要考虑浏览器顶部的页签和地址栏，可以将高度设置为820px（即1440×820）。

简单诠释一下为何选择1440×900 而不是选择使用最多的1920×1080

B端设计多用于网页或客户端（网页居多），设计内宽1200为有效区域，如果没有特殊的要求，向下布局都是遵循这个原则的。大多数设计师都会采用1902×1080或者1440×900去进行首屏设计。对于B端而言更加建议采用1440×900，少部分内容可单独1920×1080去进行补充设计。当然并不是1920去设计会有问题，只是更加建议采用1440的设计尺寸。

为何采用1440×900会更好呢？因为在部分组件进行适配时往往1920×1080的适配会在很多屏幕上显得元素过大。

PS：不知道有没有同学因为按照1920×1080去设计，最终效果导致弹框显示过大，这里涉及到CSS样式等前端知识就不过多阐述。直接上图展示给大家！！！

以1920设计弹框