最近折腾上了Photoshop的扩展功能，photoshop参考线插件工具。可以输入margin值即可在设计页面上生成参考线，对栅格化有帮助，先算出各个版块的宽度、高度再输入margin值即可有规律地生成参考线，方便啊。

每次在PS里面拉参考线是一件很痛苦的事情，特别是要按照规定的宽度创建栅格的时候， Cameron Mcefee提供了一个插件“GuideGuide”，如其名，的确是非常方便的一款创建参考线的插件。

软件介绍：GuideGuide

界面预览：

操作很容易的，最上面的三个是快捷创建居中参考线。从左至右依次为：

1）创建水平居中参考线；

2）创建垂直居中参考线；

3）创建水平和居中参考线。

 下面的就是创造边距、行、列参考线了。它可以直接根据画布大小创建，也可以通过选区创建。

上面的4个分别是Margin top、bottom、left和right，相信对知晓前端代码的UI界面设计师很有帮助。

下面的四个是快捷创建行、列参考线。左边设置行、列个数，右边设置行、列间距数值。

示例：

创建居中参考线

选区创建居中参考线

创建等距的行、列参考线

支持选区创建行、列参考线，功能更实用

目前该插件正处于测试版，遗憾的是参考线依然无法像coreldraw那样选中参考线，按delete即可删除参考线的功能。希望ADOBE下一版本加入像coredraw选中参考线，即可删除参考线的功能吧。拖动隐藏麻烦啊。

TIPS:

大家留意过这个功能吗？（视图->新建参考线）

扩展阅读：