身为一名设计师，我们皆期望始终跟我们的想法维持同步，能不受约束地展开创作，我们要自由地开展试验，去探寻所有的可能性。作为一款普遍通用的矢量绘图工具，其在这方面给予了相当上好的助力sketch ，它所具备的视觉呈现的可能性近乎是毫无限制的。

如果不存在自动化处理的选项，那么在开展特别大的项目设计之际，将会变得颇为困难。于此，我要为大家分享我的某些操作方法。其中有些或许已被他人制作成插件（像Fluid），然而我依据自身经验以及需求，又做了进一步的开发与改进。期望有朝一日能够整合于官方的应用之中。

元素和元素类型

在设计那些尺寸会受到内容影响的元素时，像内嵌式按钮、标签、评论列表、带附件的邮件列表这类，其中的符号功能常常发挥不了作用sketch ，所以我们需要一个比符号功能更为灵活、更为强大的工具或者办法。假设我们要设计一个通知列表，这个通知列表含有不同的高度。

你不能把列表中的元素作为符号进行处理

你或许会讲：“我能够借助9个切片予以完成呀”，然而存在一个更为出色的想法：将它们视作不同种类的元素，你能够称它们为组件、原子、分子又或者是对象，不过鉴于这篇文章这儿还是把它们称作是元素； 吧。注：括号里的词因为原文未完整给出，所以保留在改写后的句子里。

元素的定义

至少一个图层能够创建出一个元素，你能够借助将不同元素进行群组以此来创建出一个更大的元素。

一个包含其他元素的元素

与中能够共享全部（除文字外）的符号功能不一样，元素只会去共享你所挑选的对象的属性，除此之外我们还得定义在怎样的情形下针对什么样的对象，所以元素类型是相当有必要的，这能够称作是层级或者对象属性，我将它们视作是能够定义我所创建的元素类型的多用层级，每一个类型的元素都能够定义特定的属性。

按钮元素，其有着3种明确的元素类型，其中一种是类别（），另一种是尺寸（size），还有一种是状态（state）。

由其自身在任何元素类型之下都不会产生改变的核心属性来决定元素，对元素定义一个新的类型并且改变其中一些属性，如此便能够设定一个仅仅针对这一特殊类型的特殊规则，你还能够以改变或添加子元素的方式来定义新的元素类型，比如在列表项里添加一个喜爱的图标，也就是说：

我仅仅是想要，每一个处在“喜爱”这种状态类型之下的列表项，都能拥有一个位于右侧的星星图标。

通过选择“喜爱”（）状态就可以修改只处于这一状态的列表项。

类型举例

对象的类型应该是通用的：

对象类型

类型编组

别单独创立啦，你能够将不同类型编组到一块儿去创造元素组合。要是你设定了一个处于悬停状态的图标元素，那就能直接运用至其他图标元素里。

设定一个悬停状态的图标之后就可以用到其他图标上

列表和网格

全都的app以及网站皆是依据列表还有网格予以设计的。所以我们得去设置一个自动选项用来针对元素开展重复操作。你能够垂直方向（也就是列数）或者水平方向（亦即是行数）来设定元素的重复情况、重复哪些元素以及应用多少种类的元素。所有重复的元素具备可被覆盖的特性，恰似在海报流里插入一条广告那般。

列表

网格

变量

之中，我向来都未曾运用通用色彩（）以及文档色彩（），缘由在于它不会同步文档里的数值。你或许会认为没必要修改颜色。然而这个同步方面的缺陷并不仅仅对颜色产生影响，还对设计中的这些数值造成影响：

我们不但要有一个能将属性设定成可同步的数值变量的选项，我们更得能够更棒的、更为直观地搞好整肃拼凑我们安顿的属性。

字符样式

现有所具备的文字样式功能，是无法满足我们所呈现出的需要的，那些被包含在内嵌链接里的、提示形式的、高亮提醒范畴的、程序语言类型的以及键盘元素方面的，都不能够很好地去适用，我们处于急切地状态下，是需要字符样式的功能的。

看看这些样式！

自动布局

借助上述明晰所说的功能去手动开展那种用于调整布局的行为，老是会隐隐觉得好像存在着某些不太对劲的地方。即便你能够凭借此功能改换下每一个元素的尺寸规格，然而你依旧必须逐个地去进行复位的操作。

高度和宽度

作为单位，你能够选用的像素或者百分比其一。于高度这一属性之中运用百分比，它可以始终和主图层维持关联，又或者于不在群组范围里面的时候，和画板产生关联。

边距和填充

一定是得要有边距以及填充的，凭借它们能够将别的元素的位置限定于一个固定的距离。

对齐

你能够任意设定图层于x轴以及y轴之上彼此相对的位置，并非仅仅局限于左右方向达成对齐或者处于居中状态来对齐。

如有侵权请联系删除！