V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
libasten
V2EX  ›  问与答

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

  •  2
     
  •   libasten · May 9, 2021 · 2816 views
    This topic created in 1816 days ago, the information mentioned may be changed or developed.

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

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

    Steam 的硬件统计

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

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

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

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

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

    gs.statcounter.com/screen-resolution-stats
    codder
        14
    codder  
       May 10, 2021
    很早之前 container 都是 990 标准,因为那个时候显示器的分辨率还很低,当 1920 普及这个就上升到了 1200,至于你说的低于这个分辨率该如何显示的话,响应式布局是一种方式,还有一种就是整体缩放也叫自适应布局。
    Mavious
        15
    Mavious  
       May 10, 2021
    我还在用 19 寸 16:10,1920x1080 算大屏了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1014 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 22:10 · PVG 06:10 · LAX 15:10 · JFK 18:10
    ♥ Do have faith in what you're doing.