在 PS 里面添加网格线，核心是调出软件自带参考网格，作为排版对齐辅助，网格线属于辅助显示元素，不会被导出打印，不会永久写进画布像素，主要作用是帮助对齐文字 图形 图片元素，保证海报 画册 界面设计排版整齐，PS 里面网格和参考线是两种辅助工具，很多新手容易混淆，网格是均匀分布的横竖方格，全局铺满画布，参考线是单独手动拉出的直线，可以自定义位置，添加网格之后还可以开启对齐功能，移动图层的时候元素会自动吸附到网格线上，做规整排版 等分排版 版式规划的时候非常实用，适合海报设计 网页稿 证件排版 多元素对齐这类场景，需要注意网格只是显示辅助，如果不关闭，导出图片的时候默认不会带上网格，但是部分新手误以为网格是画出来的线条，还手动绘制方格，这样会增加图层，后期修改很麻烦。

调出默认网格线操作步骤

这个是最基础的显示网格方法，适合快速开启网格

1 打开 PS，新建或者打开已经做好的设计文档

2 顶部菜单栏，点击视图，选择显示，勾选网格

3 勾选之后画布立刻出现均匀分布的横竖网格线

4 如果需要开启吸附，继续点击视图，选择对齐，勾选对齐到，再选中网格，之后移动图层 文字 形状的时候，元素边缘会自动贴紧网格线

5 想要关闭网格，再次打开视图，显示，取消网格前面的勾选即可

修改网格线参数设置

默认网格间距不一定符合设计需求，可以自定义网格大小 子网格数量

1 顶部菜单，编辑，首选项，选择参考线网格和切片

2 在网格板块，可以设置网格线间隔，单位可以选毫米 像素 厘米

3 子网格选项，就是大网格里面细分的小方格数量，比如设置子网格为 5，代表每一个大格里面再分成 5 个小格

4 还可以修改网格线颜色，方便在深色画布上看清网格

5 修改完成点击确定，画布网格立刻更新成新参数

补充 参考线和网格线搭配使用

网格是均匀固定方格，参考线适合单独定位，经常搭配网格一起使用

1 按 Ctrl 加 R 调出标尺

2 从顶部标尺向下拖动，拉出水平参考线，从左侧标尺向右拖动拉出垂直参考线

3 参考线同样可以开启对齐吸附，适合精准定位主标题 边距 出血位置

4 参考线也属于辅助元素，默认导出不会显示

网格线相关方案对比表格

类型特点是否可以自定义间距是否自动吸附适用场景
PS 自带网格线全局均匀方格可以可以开启等分排版 版式规范
手动绘制方格线条属于像素图形自由绘制无吸附需要网格最终印在成品上
参考线单条独立直线可以自由拖动可以开启局部精准定位边距

注意事项

如果勾选网格之后画布看不到网格，检查视图里面的像素预览，或者文档缩放比例太小，网格会因为缩放过低隐藏，放大画布就可以看见。网格线只是辅助显示，导出 JPG PNG TIFF 的时候不会包含网格，如果成品需要印刷带网格，就要用形状工具手动绘制方格线条，不能依靠自带网格。大尺寸印刷文档修改网格单位的时候，一定要确认单位是毫米，不要误选像素，不然网格尺寸会出错。锁定参考线之后就不能拖动，但是网格线本身不需要锁定，始终铺满画布。

【常见问题】

问题 1 ps 添加网格线之后导出图片为什么没有网格

回答 1 ps 添加网格线属于辅助显示元素，本身不是画布像素，导出图片默认不会保留网格，如果成品需要带网格，需要使用形状工具绘制方格，不能只依靠 ps 添加网格线的辅助网格。

问题 2 ps 添加网格线之后移动元素没有自动吸附怎么办

回答 2 ps 添加网格线之后没有吸附，是没有开启对齐到网格，进入视图，对齐，勾选对齐到网格，之后移动图层就可以自动吸附，继续正常使用 ps 添加网格线的对齐功能。

问题 3 ps 添加网格线可以修改网格颜色吗

回答 3 ps 添加网格线支持修改颜色，打开首选项里面的参考线网格和切片面板，在网格选项里面更换线条颜色，适合深色背景文档，让 ps 添加网格线更容易辨认。

问题 4 ps 添加网格线和参考线有什么区别

回答 4 ps 添加网格线是均匀铺满整个画布的方格，适合整体等分排版，参考线是单独拖拽的直线，适合单独定位边距，两者都属于辅助元素，都可以开启吸附，经常搭配完成排版。

【免责申明】

本文内容基于 Adobe Photoshop 常规版本操作编写，不同版本 PS 首选项菜单位置基本一致，操作仅作为技术参考，不保证所有版本完全一致，请以本机软件实际界面为准。