
现在设计一个企业官网,最优设计应该是认为宽度 1920px 了? 参考了一些网站的设计,基本上网页的 container 宽度都是定在 1400px 或者 1200px 的。 当年那种 1024x768 的应该不用考虑了?最多用个响应式适配?
1 imnpc 2021 年 5 月 9 日 好多笔记本是 1366*768, 低于 1920*1980 的很多 |
2 jr55475f112iz2tu 2021 年 5 月 9 日 via Android 根据这里( https://cn.screenresolution.org/)的统计,1920×1080 占比最高,超过 20%,至于数据代表性我也不清楚 |
3 villivateur 2021 年 5 月 9 日 不少小屏的轻薄本是 1800x1600 的 |
4 lostberryzz 2021 年 5 月 9 日 https://store.steampowered.com/hwsurvey/Steam-Hardware-Software-Survey-Welcome-to-Steam Steam 的硬件统计 单屏 1920x1080 占 67.6% 双屏 3840x1080 占 71% |
6 lonewolfakela 2021 年 5 月 9 日 @lostberryzz 打游戏的很可能不太会用分辨率小的设备,所以这里看 steam 统计不太靠谱…… |
7 ReferenceE 2021 年 5 月 9 日 via Android @imnpc 低于 1980 的确实很多,因为压根没有(笑 |
9 0bit 2021 年 5 月 9 日 我想到两个原因,不知道对不对。 第一个是人眼聚焦的范围有限,太宽的设计需要让目光反复横向扫视,会造成视疲劳,比如报纸的开版很大,但是报纸的内容也是按块分割,很少见到一整页贯穿相同内容的。 另外就是,低宽度向高宽度设计适配很容易,内容居中就行了,高宽度向低宽度设计适配就比较麻烦,设计和开发都累,所以为了降低工作量,会选一个差不多的宽度。 |
10 arac 2021 年 5 月 9 日 大部分的 15 寸及以下的笔记本等效分辨率(缩放后)不高于 1680*1050,为了保证 13 寸常规的 1366*768 也能有不错的效果,以及有很多人不喜欢全屏浏览(一般为 3/4 宽度,至少我接触的 Mac 用户是这样),取 1200 算是兼容性的考虑。 从视觉上来说,过宽也不易浏览,特别是换行容易丢失焦点,不然报纸杂志也不会分栏设计了。 |
11 autoxbc 2021 年 5 月 9 日 按照 1920 宽度设计怕是过于自我中心主义了,网页之外还有浏览器侧边栏,侧向放置的浏览器标签栏,侧向放置的系统任务栏 |
12 whusnoopy 2021 年 5 月 10 日 建议按 1200 宽度,或 600 宽度做 虽然桌面端大部分是 1920x1080 的分辨率,但笔记本上这个分辨率一般是开着 125% 或 150% 的缩放,1920/150% 就是 1280,去掉浏览器侧边栏滚动条什么的,1200 会是个比较安全的线 至于为什么还建议用 600,是因为现在大部分人的访问设备可能是手机,也可能是发官网给别人介绍时是微信等手持设备上发过去的,人家在宽度 1080 的手机屏幕上看一个 1200 宽的页,怎样都是不舒服的 |
13 gledos 2021 年 5 月 10 日 |
14 codder 2021 年 5 月 10 日 很早之前 container 都是 990 标准,因为那个时候显示器的分辨率还很低,当 1920 普及这个就上升到了 1200,至于你说的低于这个分辨率该如何显示的话,响应式布局是一种方式,还有一种就是整体缩放也叫自适应布局。 |
15 Mavious 2021 年 5 月 10 日 我还在用 19 寸 16:10,1920x1080 算大屏了。 |