作为设计师，我们渴望始终保持思维与创作同步，不受任何束缚地展开创作活动。我们追求在创作过程中能够自由地尝试和挖掘各种可能性。一款广泛应用的矢量绘图软件在这方面给予了我们极大的助力，其视觉呈现的潜力几乎无边无际。

若没有自动化处理的功能，那么在执行规模庞大的项目设计时，将会遇到极大的挑战。在此，我想向大家介绍我的一些操作技巧。其中一些或许已经被他人制作成插件（例如Fluid），然而，我依据自己的经验和具体需求，对其进行了进一步的研发和优化。期待未来某天，这些成果能融入官方应用之中。

元素和元素类型

在设计那些其尺寸会因内容而变化的元素，例如嵌入式按钮、标签、评论列表、附有附件的邮件列表等时，其中的符号功能通常无法发挥其作用。因此，我们迫切需要一种比符号功能更为灵活、更为强大的工具或方法。设想一下，如果我们需要设计一个具有不同高度的通知列表。

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

你或许会提出：“我可以用九片来制作”，然而这里有一个更为出色的建议：将它们视为不同种类的构成单位——你可以将它们称作部件、微粒、化学键合的单元或者是实体，但鉴于本文的语境，我们暂且将它们称作元素。

元素的定义

一个元素至少可由一个图层构成。您可以将多个元素组合，以此生成一个更为庞大的元素。

一个包含其他元素的元素

与中能够实现所有（除文字外）符号功能的特性不同，元素仅能共享用户所选对象的属性。此外，我们还需明确在何种情境下对哪些对象进行操作，因此，元素类型的存在显得尤为关键。这可以称作是层级或对象属性。我认为它们是用于定义我创建的元素类型的多功能层级。不同类型的元素均可设定其特定的属性。

该按钮元素具备三种清晰的属性类别，包括分类、尺寸以及状态。

元素的固有特性是由其内在的核心特质所决定的。若对元素进行重新分类并对某些特性进行修改，便能够为这一特定类别设立特定的规则。此外，通过调整或新增子元素，亦能创建新的元素种类（例如，在列表条目中增添一个喜欢的图标）。换句话说：

我期望每个处于“喜爱”这一状态下的列表条目，其右侧均应配备一个星形图标。

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

类型举例

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

对象类型

类型编组

您可以将各类元素归类组合，从而形成新的元素搭配，无需逐一创建。一旦您定义了一个悬浮状态的图标，便能够将其直接应用于其他图标设计之中。

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

列表和网格

各类应用程序与网站均采纳了列表与网格布局。鉴于此，我们有必要配置一个自动功能，以便对页面元素进行批量复制。用户可选择沿垂直方向（即列数）或水平方向（即行数）来安排元素的复制，包括复制的具体元素以及复制的元素类型。这些复制的元素均支持覆盖，就如同在滚动海报中嵌入广告一般。

列表

网格

变量

在操作过程中，我未曾采用过通用的色彩设定以及文档色彩配置sketch软件图标，原因在于它们无法与文档中的数值实现同步。你或许会认为调整颜色并非必要之举。然而，这一同步上的不足不仅局限于颜色调整，它同样影响到设计中所涉及到的各项数值：

我们不仅需要一项功能，允许我们将属性设定为可同步的数值变量，而且我们还需要一种更佳、更直观的方式，来对所设定的属性进行组织与整合。

字符样式

现有的文字样式功能尚无法完全满足我们的需求——内嵌的链接、提示、高亮提示、编程语言以及键盘相关元素并未能很好地融入其中。我们迫切需要增加字符样式的功能。

看看这些样式！

自动布局

用这些功能手动调整版面布局总觉得有些不妥，即便你能调整每个元素的尺寸大小，但最终还是得逐个恢复原位。

高度和宽度

您可以选择像素或百分比作为度量单位。在设定高度或宽度属性时，采用百分比能确保其与顶层图层始终同步sketch软件图标，即便是在非分组状态下，也能与画板保持一致。

边距和填充

边距与填充是不可或缺的元素。借助它们，我们可以将其他组件的布局限定在特定的间距范围内。

对齐

您可自由调整图层在水平轴和垂直轴上的相对布局，不仅限于左右对齐或居中排列。

如有侵权请联系删除！