V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
libasten
V2EX  ›  问与答

现在市面上 PC 使用最多的分辨率应该就是 1920x1080 的吧?

  •  2
     
  •   libasten · 2021-05-09 16:48:05 +08:00 · 2361 次点击
    这是一个创建于 1294 天前的主题,其中的信息可能已经有所发展或是发生改变。

    现在设计一个企业官网,最优设计应该是认为宽度 1920px 了? 参考了一些网站的设计,基本上网页的 container 宽度都是定在 1400px 或者 1200px 的。 当年那种 1024x768 的应该不用考虑了?最多用个响应式适配?

    15 条回复    2021-05-10 12:32:21 +08:00
    imnpc
        1
    imnpc  
       2021-05-09 16:50:53 +08:00
    好多笔记本是 1366*768, 低于 1920*1980 的很多
    czfy
        2
    czfy  
       2021-05-09 16:53:21 +08:00 via Android
    根据这里( https://cn.screenresolution.org/)的统计,1920×1080 占比最高,超过 20%,至于数据代表性我也不清楚
    villivateur
        3
    villivateur  
       2021-05-09 16:53:35 +08:00
    不少小屏的轻薄本是 1800x1600 的
    lostberryzz
        4
    lostberryzz  
       2021-05-09 16:58:31 +08:00
    https://store.steampowered.com/hwsurvey/Steam-Hardware-Software-Survey-Welcome-to-Steam

    Steam 的硬件统计

    单屏 1920x1080 占 67.6%
    双屏 3840x1080 占 71%
    Nerv
        5
    Nerv  
       2021-05-09 17:09:01 +08:00
    @czfy
    这货的统计是按照缩放后分辨率来的,我 4k 缩放 200 直接被它识别成了 1080
    lonewolfakela
        6
    lonewolfakela  
       2021-05-09 17:46:56 +08:00
    @lostberryzz 打游戏的很可能不太会用分辨率小的设备,所以这里看 steam 统计不太靠谱……
    ReferenceE
        7
    ReferenceE  
       2021-05-09 17:50:02 +08:00 via Android
    @imnpc 低于 1980 的确实很多,因为压根没有(笑
    anguiao
        8
    anguiao  
       2021-05-09 18:01:23 +08:00 via Android
    @Nerv 缩放以后,你的等效分辨率就是 1920*1080 啊。
    0bit
        9
    0bit  
       2021-05-09 20:19:49 +08:00   ❤️ 1
    我想到两个原因,不知道对不对。

    第一个是人眼聚焦的范围有限,太宽的设计需要让目光反复横向扫视,会造成视疲劳,比如报纸的开版很大,但是报纸的内容也是按块分割,很少见到一整页贯穿相同内容的。
    另外就是,低宽度向高宽度设计适配很容易,内容居中就行了,高宽度向低宽度设计适配就比较麻烦,设计和开发都累,所以为了降低工作量,会选一个差不多的宽度。
    arac
        10
    arac  
       2021-05-09 21:43:05 +08:00
    大部分的 15 寸及以下的笔记本等效分辨率(缩放后)不高于 1680*1050,为了保证 13 寸常规的 1366*768 也能有不错的效果,以及有很多人不喜欢全屏浏览(一般为 3/4 宽度,至少我接触的 Mac 用户是这样),取 1200 算是兼容性的考虑。

    从视觉上来说,过宽也不易浏览,特别是换行容易丢失焦点,不然报纸杂志也不会分栏设计了。
    autoxbc
        11
    autoxbc  
       2021-05-09 22:45:52 +08:00
    按照 1920 宽度设计怕是过于自我中心主义了,网页之外还有浏览器侧边栏,侧向放置的浏览器标签栏,侧向放置的系统任务栏
    whusnoopy
        12
    whusnoopy  
       2021-05-10 08:08:02 +08:00
    建议按 1200 宽度,或 600 宽度做

    虽然桌面端大部分是 1920x1080 的分辨率,但笔记本上这个分辨率一般是开着 125% 或 150% 的缩放,1920/150% 就是 1280,去掉浏览器侧边栏滚动条什么的,1200 会是个比较安全的线

    至于为什么还建议用 600,是因为现在大部分人的访问设备可能是手机,也可能是发官网给别人介绍时是微信等手持设备上发过去的,人家在宽度 1080 的手机屏幕上看一个 1200 宽的页,怎样都是不舒服的
    gledos
        13
    gledos  
       2021-05-10 10:30:19 +08:00
    必须考虑窗口化用户,根据 statcounter 统计的结果来看,不规则的窗口化用户量非常大。

    gs.statcounter.com/screen-resolution-stats
    codder
        14
    codder  
       2021-05-10 11:00:42 +08:00
    很早之前 container 都是 990 标准,因为那个时候显示器的分辨率还很低,当 1920 普及这个就上升到了 1200,至于你说的低于这个分辨率该如何显示的话,响应式布局是一种方式,还有一种就是整体缩放也叫自适应布局。
    Mavious
        15
    Mavious  
       2021-05-10 12:32:21 +08:00
    我还在用 19 寸 16:10,1920x1080 算大屏了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1357 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:38 · PVG 01:38 · LAX 09:38 · JFK 12:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.