填充
当你创建一个新的矩形时，它通常已经附加了一个填充物。在大多数情况下，它是简单的灰色，所以你会记得自己改变颜色。有时它也会有一个边框。
在很早的Sketch时代，它只有一个轮廓，你可以有选择地关掉它的一部分。但幸运的是，现在这已经是过去的事情了。
之所以使用这种预定义的颜色，是因为灰色足够中性，所以添加一个新的形状不会破坏你已经制作好的精美界面，但你仍然可以看到那个新的对象。
简单来说，填充是对象背景的另一个名称。它可以是一种颜色，一种渐变，或一张照片。每一种都可以有不同的不透明度（透明度），范围从0（完全透明--不可见）到100（完全不透明，没有透明度）。
如果一个对象没有填充，也没有边框或效果，那么它在界面上将不可见，因为它需要一些定义特征才能可见。不过你仍然可以选择它，移动它，修改它。它也将仍然存在于图层列表中。
填充的类型
填充和没有填充主要有三种可能。所以你可以没有填充，也可以有单一的颜色、渐变或图像背景。
前段时间，图案被认为是另一种填充，但实际上它们只是具有平铺潜力的图像，所以它们属于图像类。
叠加填充
你也可以在图像中添加多种类型的填充。很明显，要做到这一点，填充层至少要部分透明，否则你只能看到最上面的一层。在这个来自Sketch的例子中，你看到的是一个图像填充层作为基础，在它的上面还有一个半透明的渐变填充层。
多梯度
你可以利用这个原理来实现一些非常有趣的、有机的多重重叠渐变效果，就像上面的例子一样。要做到这一点，只需创建四个径向渐变，从形状的每个角落开始，并向中心淡出。实验它们的大小和位置，直到你喜欢的结果。
然而，你可能会使用的最常见的填充是颜色和渐变。
边框
边框是在填充之后，一个对象可以有的第二种样式。
边框是围绕我们的对象的一条线。它可以在内部（内边框）、外部（外边框）或它们之间（中心）。记住，只有内边框不会在视觉上使对象变大。
在上面的例子中，矩形是60×60点。边框的厚度是10点。在中间的图像中，这使得我们的矩形每边大了5点。在第三个例子中，边框完全在外面，使方框在每个方向上大了10点。
边框样式
边框可以有不同磅数（宽度）的点，可以是虚线或点线。我们也可以用颜色和渐变来填充它。
大多数的设计工具都允许你修改线条的端点和连接点（也称为路径）。
端点可以是开放的、平的或圆的，而连接点可以是尖的、圆的或有角度的。
如果你的界面一般都是圆润的，那么连接点和端点的圆润度可以很好的发挥作用。如果不是，那就保持默认设置即可。
原文地址：/ui-design-shapes-objects-basics-fills-and-borders-ed294a17bcbb
