标签： PS插件

Guideguide中文版是一款PS扩展，主要的作用是帮助用户创建网格。它提供多种样式的辅助线，让你在处理不同图片的时候会节省时间。不必额外再去创建网格，还可以将喜欢的网格保存。

软件介绍

GuideGuide是一个扩展，可让您在Photoshop，Illustrator，Sketch和Adobe XD中使用一致的UI快速轻松地创建网格并操纵参考线。

Guideguide安装方法

将GuideGuide 文件夹解压并复制到以下对应文件夹(没有 CEP\extensions 文件夹请自行按顺序新建)

PS: PS程序目录\Required\CEP\extensions

AI: AI程序目录\CEP\extensions

通用：C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\

软件功能

1、加入导游基础上，画布，画板，或选择。

2、使用辅助线快速标记边缘和中点。

3、根据画布，画板或选择内容清除指南。

4、创建对于其他网格工具而言过于复杂的自定义网格

5、保存最常用的网格并与他人共享。

Guideguide使用方法

使用网格形式

该网格窗体允许你使用像使用支持所有的列，行，水槽和利润率熟悉的概念生成网格单元类型，你所熟悉的。每个字段都是可选的。

如果省略计算网格所需的值，GuideGuide将自动确定其值。例如，如果您指定列数，但未指定每列的宽度，那么GuideGuide将自动计算列宽。

1、制作自举样式的简单网格

让我们创建一个Bootstrap样式。默认的引导网格为12列，每列填充15px。

- 输入15px“ 左边距”和“ 右边距” 输入。

- 输入12“ 列数”输入。

- 输入15px在 列天沟输入。

- 单击添加指南按钮

2、在输入中使用多个参考线

竖线|字符允许您在输入中指定多个值。让我们为文档创建一个双左页边距。

20px | 10px在“ 左边距”字段中输入。

单击添加指南按钮。

3、使用通配符自动划分空间

通配符~用于告诉GuideGuide自动计算网格中的剩余空间。通过演示更容易解释。让我们从之前创建Bootstrap样式的网格，但是这次，我们将为每个列添加一个中点。

输入15px“ 左边距”和“ 右边距” 输入。

输入12“ 列数”输入。

输入15px在 列天沟输入。

输入~ | ~在 列宽输入。

单击添加指南按钮。

注意GuideGuide如何将指南放置在每列的中间。发生这种情况是因为GuideGuide首先将其知道宽度的所有网格部分(边距和装订线)相加，然后从总网格宽度中减去该值，然后将通配符之间的剩余空间相除。在这种情况下，我们告诉GuideGuide每列创建两个相等的空间，这意味着我们将剩余的空间划分为24个通配符。

4、调整网格的位置

当创建的网格无法完全填充GuideGuide所引用的上下文时，该表单将提供一个下拉列表，以使您能够确定将向导添加到了左侧，右侧，顶部，底部还是中心。当前上下文。仅当您指定列或行大小时，此选项才会出现。

5、快速重置整个表格

要重置指南表单的内容，而不是分别删除每个输入值，只需单击“ 重置表单”按钮。

6、保存预设网格

如果您有经常使用的网格，或者只是想保存以备后用，请填写表格，然后单击“ 保存网格”按钮。您将有机会命名网格。