Photoshop原生的参考线只给你一个”从零开始”的空白画布——列数要自己算，间距要自己推，宽高比要自己凑，改一次尺寸就得从头再来一遍。BetterGrids要终结的，正是这种重复劳动。

这是一款为Photoshop打造的专业级布局创建面板。你只需要在面板里填入列数、间隙、边距、单个单元格权重，以及你想要的宽高比，网格会边调边实时更新——所见即所得，不需要反复试错。确认满意后，一次点击即可把整套网格渲染成参考线、形状图层或框架（Frame），像素级精准，图层命名清晰，工程文件永远整整齐齐。

它不止能做规则栅格。你可以给每一列设置不同的权重，做出非等分的编辑式版面；可以锁定单元格宽高比为1:1、4:3、16:9，让所有图片框天生规矩；也可以在已有选区内生成网格，让局部排版同样严丝合缝。
对于追求效率与规范并重的设计师而言，BetterGrids不是”又一个工具”，而是把版式从灵感落到画布之间的那段路，彻底铺平了。

功能详解

完全可定制的栅格系统

原生Photoshop的网格只能做到”等分”，而真实的设计场景往往需要不等分。BetterGrids允许你分别指定：

-列数/行数——想要几栏就几栏，从12栏UI栅格到3栏画册版式都随手可得；
-间隙（Gutter）——纵向与横向间距独立控制，精确到数值；
-边距（Margin）——页面四周的安全边界一次设定；
-单元格权重（Weight）——这是它最锋利的一刀：让某一列比其它列更宽，做出主次分明的编辑式排版；
-宽高比（AspectRatio）——锁定1:1、4:3、16:9等常见比例，图片框天生就”正”。

三种渲染模式，覆盖三种工作方式

不同阶段需要不同形态的网格，BetterGrids一次性给全：

-参考线模式：生成真正的Photoshop参考线，适合吸附对齐使用。改动数值时实时更新，不产生任何图层负担。
-形状图层模式：一键渲染为一组形状图层。它会交替填充前景色与背景色，形成醒目的棋盘式格子，方便你直观确认每一格的位置与比例。
-框架模式（Frame）：生成Frame图层，这一步直接对接后续的图片置入与蒙版裁切流程——先搭好框，再往里丢图，排版效率成倍提升。
无论哪种模式，结果都会自动生成新的图层组，不动你原有的任何图层。

实时反馈与表单校验

调整参数时，参考线即时刷新，所见即所得。同时面板内置实时表单校验，输入非法数值会被当场拦下，避免生成一张”看起来对、其实错位”的网格。所有数值输入框还支持拖动标签增减数值，需要微调时不必反复选中、删除、重输。

八组效率快捷键

面板提供8个快捷功能，用于快速放置或居中参考线、以及定位当前选中的图层。常见的”居中对齐””快速定位中线”这类高频动作，从多步操作压缩为一次点击，而且是每一步都可撤销的。

单位与兼容性无忧

支持px、in、pt、pc、%、mm、cm七种单位自由切换，无论你的文档是网页稿、印刷稿还是移动端界面稿，都能用最习惯的度量方式输入。它适用于任意文档尺寸、任意标尺单位、任意PPI分辨率。

细节上的体贴

-一键重置所有参数，随时回到干净状态；
-边距联动开关：开启后四边边距永远保持相等，改一个数其余自动跟随；
-单条历史记录：每个操作只占用一条撤销记录，撤销起来干脆利落；
-语义化图层命名：渲染出的图层名称清晰可读，日后回看工程文件不再抓瞎；
-支持选区：当画布上有选区时，网格可直接生成在选区内，局部排版同样精准。