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