如果您只有内部装订线，则内容可能会在工作表或屏幕的边界内显得局促。当您添加外部装订线时，您会在内容边缘和物理边缘之间创建一些喘息空间，使其看起来更舒适。

在无边界媒体（纸张、标牌）上，它还会在背景和内容之间创建一些缓冲空间，从而减少光学溢出并使其更容易聚焦。

外部排水沟在布局网格之外创建一个边距，这样图像和文本元素就不会直接粘在小于Total Width的屏幕两侧。我想Margins是一个比Gutter 在外面更好的词。

其他答案是正确的，但我认为他们可能会遗漏您的主要问题：

为什么 Sketch 需要额外的排水沟来处理小屏幕？

它没有。您可以将网格设置为略小于视口（或本例中的画板）。例如，计算Total width90% 的列，然后让center按钮处理边距。

我喜欢 Sketch 中的外部排水沟的原因是因为它允许我将视口大小（例如 1024）视为一个整数。我输入完整的视口大小和我想要的网格规格（带有外部排水沟），然后 Sketch 进行数学运算以保持我所追求的填充。

没有外部排水沟的场景

我正在开发一个 1024 宽的平板电脑布局，所以我退后一步，试图找出一个主列，这将为我留下一些额外的边距空间。我想要一个很好的老式 12 列网格，宽敞的 32 像素排水沟，在外面使用相同的，我得到大约 51 像素的列，总宽度为 960 ( (960-(32*11))/12)。如果我已经想到了硬断点，那将更加有用。

带有外部排水沟的场景

对于相同的 1024 视口，我可能没有想到硬断点。我的目标只是最大化目标设备。所以我专注于我想要的网格填充，让它弯曲以适应视口/画板。Sketch 为我计算，因为我只是一个愚蠢的设计师类型。您可以在下面的示例中看到，我每列获得 2px，因为 Sketch 像 Bootstrap 一样计算外部排水沟：内部排水沟的 50%。想象一下，在我的设计中多了 24 个像素，世界将会变得多么美好！

相同但不同

无论哪种情况，您都可以获得相同的结果。它只是归结为你喜欢如何看待这个空间。如果您不喜欢半排水沟外的填充物，请不要选中该框并自行滚动。（在未来，我预计对这些外部边缘的控制更多。）

IIRC，这个约定来自 Bootstrap（或者可能是 960 网格）。我相信 Bootstrap 仍然有外部排水沟，尽管我已经有一段时间没有写过 BS 样式表了。