设计师推荐装备
› WACOM 数位板
推荐阅读
› 版式设计基础教程 by 南云治嘉
› 版式设计全攻略 by 佐佐木刚士
free1978
V2EX  ›  设计师

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

  •  
  •   free1978 · Dec 12, 2022 · 13515 views
    This topic created in 1427 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    不是 display: grid
    dufu1991
    dufu1991
    Dec 13, 2022
    7
    我现在不管写 PC 还是 Mobile 都是自适应布局,不限制固定宽度了。限制宽度的页面感觉就是上古时期的,没看下去的欲望了。
    qzsi001
    qzsi001
    Dec 13, 2022
    8
    @leedarmau #6 实际是指 Bootstrap 这种玩意?这个我还真不知道
    leedarmau
    leedarmau
    Dec 13, 2022
    9
    @qzsi001 实际指的是一种设计理念:元素要不要按照规定好的来排列
    qzsi001
    qzsi001
    Dec 14, 2022
    10
    @leedarmau #9 学到了!哈哈哈哈,这个我真的没了解过
    andyskaura
    andyskaura
    Dec 15, 2022
    11
    flex 一把梭
    forty
    forty
    Nov 29, 2024
    12
    @dufu1991 一行太长的内容不容易阅读吧?除非只是表格数据
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1587 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 12:29 · PVG 20:29 · LAX 04:29 · JFK 07:29
    ♥ Do have faith in what you're doing.