2022 年,大家的网页设计标准是多宽?用 grid 系统吗?

2022-12-12 11:20:43 +08:00
 free1978

我现在是按 1224 宽设计 8px 倍数,使用列宽 80 ,水槽宽 24 。 这样显示内容:80x12 + 24 x 11 = 1224 ,左右留出 margin 24 ,总宽是 1272 ,可以适应 1280 宽显示器。

但是我这个宽总觉得用在后台管理界面,不够用。

大家现在设计用多宽? 另外我发现普通网页双击 Safari ,都给自动把窗口设为 1324 宽,这有啥原因吗?

3033 次点击
所在节点    设计师
11 条回复
cheung
2022-12-12 12:24:15 +08:00
1200
zsj1029
2022-12-12 12:54:59 +08:00
min width 1200
纯 pc 不考虑移动优先
数据展示依旧 table 为主,flex 布局
ragnaroks
2022-12-12 15:40:38 +08:00
面向终端的话大屏设备 1440px/90rem ,小屏设备上 360px/22.5rem 。

后台、面板之类的默认全宽。
retrocode
2022-12-12 15:47:33 +08:00
一般都是 1200
qzsi001
2022-12-12 16:15:05 +08:00
grid 和 flex 之间的关系是互补,不是替代
grid 纯粹是锦上添花,而不是他更好
leedarmau
2022-12-12 18:31:31 +08:00
@qzsi001  他说的 grid 是设计里面的栅格: https://zh.m.wikipedia.org/zh-hans/%E6%A0%85%E6%A0%BC%E8%AE%BE%E8%AE%A1

不是 display: grid
dufu1991
2022-12-13 13:01:46 +08:00
我现在不管写 PC 还是 Mobile 都是自适应布局,不限制固定宽度了。限制宽度的页面感觉就是上古时期的,没看下去的欲望了。
qzsi001
2022-12-13 14:48:38 +08:00
@leedarmau #6 实际是指 Bootstrap 这种玩意?这个我还真不知道
leedarmau
2022-12-13 17:28:22 +08:00
@qzsi001 实际指的是一种设计理念:元素要不要按照规定好的来排列
qzsi001
2022-12-14 10:05:42 +08:00
@leedarmau #9 学到了!哈哈哈哈,这个我真的没了解过
andyskaura
2022-12-15 11:02:25 +08:00
flex 一把梭

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

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

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

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

© 2021 V2EX