Sketch共享样式怎么命名？

错误地命名符号和共享样式不仅会分散您的注意力，而且不必要地通过文件进行数十亿次的搜索，而且肯定会破坏您的团队合作

在开始为大型项目工作之前，使Sketch文件保持整洁似乎有点麻烦。这样，您命名符号和共享样式的方式不仅会影响团队中其他设计师的工作，而且还会影响后来将您的设计转变为可运行应用程序的开发人员。

在我的职业生涯中，我看到设计师使用了许多非常疯狂的命名约定，但是最常见的情况是根本没有命名约定。但是，创建一个命名约定以加快您的工作并保持设计整洁，即使您还远未成为专家，也不是火箭科学。

您需要在Sketch中命名什么？

Sketch中有四种主要的对象类型值得合理地命名，因为它对工作流程有影响。这些是：

  • 文字样式

命名约定：什么是BEM？

UI，UX，图形或产品设计师（无论如何称呼）可以肯定地从前端开发人员那里学到的东西是通过应用一些简单且可用的结构来驯服创意混乱。这就是命名约定的工作方式。

前端开发中通常使用两种主要的命名约定，例如Atomic Design，OOCSS，SMACSS等，但是BEM是适用于Sketch的超级容易使用的广泛约定。

BEM是“ 块元素修饰符 ” 的缩写，基本上是对所有含义的不言自明的定义。

Block是一个独立的元素，具有独立的含义。但是，元素没有独立的含义，并且为了获得含义而与块打结。修改器虽然会更改其行为或外观。因此，需要创建任何新类的命名约定：

.block —元素修饰符{css！}

这使我们可以快速了解类之间的关系以及代码中的内容。

对设计师意味着什么？

显然，设计人员通常不会（通常）选择CSS作为其主要设计工具-许多公司的行业标准是Sketch，它在创建任何共享项目的命名约定方面非常灵活-无论是文本样式，图层您想要创建的样式或符号。基本上，必须遵循的唯一规则是，为了创建从大类别到子类别和项目或经过修改的项目的路径，必须命名一种新的共享样式，例如：

类别/子类别/项目/修改

重塑轮子通常是一种处理材料的昂贵且无效的方法，因此，可以使用BEM并通过以下方式命名样式，而不是创建新的自定义命名约定：

块/元素/修饰符

超级简单。

命名共享样式

为什么？

共享样式在Sketch中是非常有用的东西-基本上，此功能使您可以保存图层的属性（填充，边框，阴影，其他效果），然后在整个设计中重复使用。因此，如果您希望按钮具有5种颜色，则无需为按钮创建5个符号。您可以为要使用的颜色创建共享样式，为符号创建一种样式，然后从“替代”面板中选择它们：

怎么样？

与文本样式一样，首先定义基本属性，该属性赋予图层样式独立的含义。通常是color / gradient = block。然后，您可能需要添加另一个属性，以更改使用目的或仅显着更改外观（元素），例如f.ex。定义颜色是填充还是轮廓，如果图层有阴影等等。然后定义修饰符 -f.ex。您需要选择的不透明度类型是什么，阴影类型是什么，轮廓权重是什么，等等。

2020-01-21