在 Photoshop 里面添加和去除网格线，核心是通过视图菜单控制网格显示隐藏，网格属于辅助参考线，不会写入像素，导出图片的时候网格线不会被导出，它的作用是对齐元素排版定位，做海报图标界面设计的时候非常实用，之所以很多新手会混淆网格线和参考线，是因为两者都是辅助定位，但是网格是均匀铺满画布的方格，参考线是手动单独拉出的单条线条，网格还可以自定义间距颜色细分线，配合对齐功能之后，移动图层会自动吸附网格，大幅提升排版精准度，不需要手动一点点对齐，关闭网格只需要再次切换显示选项，操作可逆，不会改动画布里面任何素材。

前期准备

打开 PS，打开已经建好的画布或者已有设计文件，确认当前画布处于激活状态，网格线是文档级别的辅助显示，每一个 PS 文档可以独立设置网格显示状态，不同文档网格设置互不干扰，如果需要配合对齐，提前了解吸附功能，网格开启之后，移动工具拖动图层会自动贴齐网格交点，适合规整排版，但是如果不需要吸附，可以单独关闭吸附，保留网格显示。

添加网格线操作步骤

第一步 顶部菜单栏点击视图。

第二步 在下拉菜单找到显示选项，二级菜单里面选择网格。

第三步 点击之后画布立刻铺满方格网格线，代表网格线已经成功添加显示。

第四步 如果需要自定义网格参数，点击编辑菜单，选择首选项，找到参考线网格切片选项。

第五步 在设置面板里面修改网格线间隔，子网格数量，还可以修改网格线颜色，根据画布大小调整间距，比如 UI 设计常用每格 10 像素，海报排版可以调大网格间距。

第六步 设置完成点击确定，画布网格就会按照新参数刷新。

去除网格线操作步骤

第一步 依旧打开顶部视图菜单。

第二步 打开显示二级菜单，再次点击网格选项，前面的勾选标记取消，画布上网格线立刻消失。

第三步 也可以使用快捷键快速切换，默认快捷键是 Ctrl 加引号，按一次显示网格，再按一次就去除网格，是设计里面最高频操作方式。

第四步 如果网格消失之后，图层依旧自动吸附网格，说明吸附选项还开启，需要在视图对齐到里面，取消网格的勾选，关闭自动吸附。

网格线和参考线区分表

项目网格线参考线
生成方式自动铺满整个画布手动从标尺拖拽生成
特点均匀方格 可设置子网格单条水平或者垂直线
吸附可以开启网格吸附支持参考线吸附
用途规整排版 等距布局单独定位对齐

进阶实操要点

做界面设计的时候，可以把网格设置成多列布局网格，配合子网格，方便做等分排版。如果网格颜色和素材颜色接近看不清，可以在首选项里面更换网格颜色，比如深色背景改成白色网格。网格只是屏幕显示辅助元素，导出 JPG PNG 的时候不会渲染到图片里面，这点一定要区分，很多新手误以为网格已经印在画面上，导出之后发现没有，属于正常现象。如果同时开启网格参考线智能参考线，画布辅助线条会比较杂乱，可以在显示菜单单独关闭不需要的辅助元素。

补充注意事项

如果按快捷键没有反应，检查输入法是不是中文状态，中文输入法会占用快捷键，切换英文输入法之后再试。首选项修改网格间隔只对当前设置之后新建或者当前文档生效，部分旧版本 PS 设置逻辑略有差异。如果画布放大缩小，网格会跟着缩放显示，网格间距数值本身不会改变。不要把网格线当成画面元素，它不属于图层，在图层面板找不到网格图层，无法像普通图层删除。

【常见问题】

问题 1 ps 怎样添加和去除网格线快捷键是什么

回答 1 ps 怎样添加和去除网格线快捷键是 Ctrl 加引号，按下快捷键可以快速切换网格显示和隐藏，不用每次进入视图菜单操作。

问题 2 ps 怎样添加和去除网格线导出图片会带上网格线吗

回答 2 ps 怎样添加和去除网格线，网格属于辅助参考显示，导出 JPG PNG 的时候不会渲染到成品图片，成品画面不会保留网格线。

问题 3 ps 怎样添加和去除网格线之后还自动吸附怎么办

回答 3 ps 怎样添加和去除网格线之后仍然自动吸附，是对齐到网格选项保持开启，进入视图对齐到菜单，取消网格勾选就可以关闭自动吸附。

【免责申明】

本教程仅用于软件操作学习，使用 ps 进行设计排版时，请确认素材字体商用授权，遵守著作权相关法律法规。