F2.01.1shared grid alignment datum设计
栅格提供跨页面一致的对齐基准
别名: 对齐基准 · 跨页栅格 · layout grid
概念解释
从首页滑到设置、再进一条详情，标题、列表、主按钮的左缘如果每次差几像素，视线就要重新咬住「内容从哪开始」。**栅格（layout grid）**在这里的工作不是把单页画整齐，而是给整条产品一条共用的 x 坐标：对齐基准（alignment datum）。用户换页时，主栏从哪一列起、卡片停在哪条线上，应当还是同一套刻度。
一次导航里的轻微错位特别容易漏过评审——每页单独看都「对齐了」，叠在一起才发现主栏在抖。
机制
人会把反复出现的左缘记成空间锚点。换页时若锚点移动，就要做一次重新校准：先找新的左缘，再读内容。校准本身只要一两眼，但高频路径上会累积成「这个产品有点散」。
栅格把各页的边距、列起点和槽位写成同一套坐标，等于把锚点钉死。它管的是跨页面的位置记忆，并不决定某一模块该占几列、也不要求空列必须填上东西。
错位通常来自页面各自为政：有人按 16 起栏，有人按状态栏或侧栏宽度临时加 padding，结果同一条导航里出现三条不同的内容起点。
边界
单页应用、每次都全屏重绘的游戏或沉浸画廊，用户本来就不靠跨页锚点，这条用处很小。营销落地页若故意让每一屏换构图，错位甚至是手法。真正吃亏的是工具型多页：设置、表单、列表、详情共用一套壳。
横竖屏切换后列数变了，基准可以换成「仍落在栅格线上」，而不是「像素 x 与竖屏相同」——列数变了还强行锁像素，反会把内容挤出安全范围。
怎么落地
- 指定一条主内容左缘（以及必要时的右缘），让列表、表单、标题、主按钮都停在这条线上；次要模块可以另占列，但不要另发明一套起点。
- 把顶栏、底栏、侧栏的占位算进栅格，而不是在壳做好后再给内容区随手加 padding。
- 验证：在同一设备宽度下截取首页、列表、详情三张图，叠半透明对齐。主栏左缘若出现大于 1 个槽宽的错位，记下是哪一页的 padding 或安全区计算把它推开的。