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

2021-05-09 16:48:05 +08:00
 libasten

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

2249 次点击
所在节点    问与答
15 条回复
imnpc
2021-05-09 16:50:53 +08:00
好多笔记本是 1366*768, 低于 1920*1980 的很多
czfy
2021-05-09 16:53:21 +08:00
根据这里( https://cn.screenresolution.org/)的统计,1920×1080 占比最高,超过 20%,至于数据代表性我也不清楚
villivateur
2021-05-09 16:53:35 +08:00
不少小屏的轻薄本是 1800x1600 的
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
2021-05-09 17:09:01 +08:00
@czfy
这货的统计是按照缩放后分辨率来的,我 4k 缩放 200 直接被它识别成了 1080
lonewolfakela
2021-05-09 17:46:56 +08:00
@lostberryzz 打游戏的很可能不太会用分辨率小的设备,所以这里看 steam 统计不太靠谱……
ReferenceE
2021-05-09 17:50:02 +08:00
@imnpc 低于 1980 的确实很多,因为压根没有(笑
anguiao
2021-05-09 18:01:23 +08:00
@Nerv 缩放以后,你的等效分辨率就是 1920*1080 啊。
0bit
2021-05-09 20:19:49 +08:00
我想到两个原因,不知道对不对。

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

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

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

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

gs.statcounter.com/screen-resolution-stats
codder
2021-05-10 11:00:42 +08:00
很早之前 container 都是 990 标准,因为那个时候显示器的分辨率还很低,当 1920 普及这个就上升到了 1200,至于你说的低于这个分辨率该如何显示的话,响应式布局是一种方式,还有一种就是整体缩放也叫自适应布局。
Mavious
2021-05-10 12:32:21 +08:00
我还在用 19 寸 16:10,1920x1080 算大屏了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/775825

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX