2022 年,大家的网页设计标准是多宽?用 grid 系统吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
设计师推荐装备
WACOM 数位板
推荐阅读
版式设计基础教程 by 南云治嘉
版式设计全攻略 by 佐佐木刚士
free1978
V2EX    设计师

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

  •  
  •   free1978 2022-12-12 11:20:43 +08:00 4949 次点击
    这是一个创建于 1063 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    后台、面板之类的默认全宽。
    cvooc
        4
    cvooc  
       2022-12-12 15:47:33 +08:00
    一般都是 1200
    qzsi001
        5
    qzsi001  
       2022-12-12 16:15:05 +08:00
    grid 和 flex 之间的关系是互补,不是替代
    grid 纯粹是锦上添花,而不是他更好
    leedarmau
        6
    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
        7
    dufu1991  
       2022-12-13 13:01:46 +08:00
    我现在不管写 PC 还是 Mobile 都是自适应布局,不限制固定宽度了。限制宽度的页面感觉就是上古时期的,没看下去的欲望了。
    qzsi001
        8
    qzsi001  
       2022-12-13 14:48:38 +08:00
    @leedarmau #6 实际是指 Bootstrap 这种玩意?这个我还真不知道
    leedarmau
        9
    leedarmau  
       2022-12-13 17:28:22 +08:00
    @qzsi001 实际指的是一种设计理念:元素要不要按照规定好的来排列
    qzsi001
        10
    qzsi001  
       2022-12-14 10:05:42 +08:00
    @leedarmau #9 学到了!哈哈哈哈,这个我真的没了解过
    andyskaura
        11
    andyskaura  
       2022-12-15 11:02:25 +08:00
    flex 一把梭
    forty
        12
    forty  
       345 天前
    @dufu1991 一行太长的内容不容易阅读吧?除非只是表格数据
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2555 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 20ms UTC 08:03 PVG 16:03 LAX 00:03 JFK 03:03
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86