当您作为设计团队的一部分工作时,保持每个人的工作一致性是一个挑战。确保人们使用设计系统中的组件、正确组织文档以及完成诸如满足可访问性指南等重要步骤可能很困难。
定期进行设计审查可以帮助每个人保持正轨,但很容易被关于命名约定以及是否使用正确蓝色阴影的对话所分心。这可能会分散对全局的注意力。这就是助手可以提供帮助的地方。
助手可以根据品牌、可访问性、文档组织和设计系统使用等方面的规则自动检查您的设计。因此,您可以快速修复较小的问题,并花更多时间探索新的设计解决方案或想法,从而产生更大的影响。
在我们解释它们的工作原理之前,让我们先谈谈一下我们创建助手的流程——以及它们将如何帮助您专注于完成更好的工作。
创建您的新数字团队成员
我们从经验中了解到,设计审查非常有用——但它们也很容易陷入细节之中。生命太短暂了,不能花时间去寻找名为“提交按钮(副本)”的组并将其转换为符号。
我们知道有更好的方法。因此,我们从一种称为代码静态分析的开发工具中汲取灵感。简单来说,代码静态分析就像拼写和语法检查——但针对代码。您编写一些代码,静态分析器会检查代码是否存在明显的错误和样式问题。
我们喜欢将助手视为代码静态分析的设计等效项。它们会自动查找文档中的特定问题并将其标记出来,以便您可以轻松找到并修复它们。
“我们都会犯错误,并且会在这里或那里错过一些小细节——在交付之前及时发现它们当然很棒!”
Anthony Collurafici,Sketch 插件开发者和Alarm.com的首席产品设计师。
为此提供一个助手
不同的助手服务于不同的目的,您可以根据需要在文档中添加任意数量的助手。例如,您可能有一个用于品牌指南的助手,一个用于检查可访问性的助手,以及另一个用于一般文件组织的助手。
轻松找到并安装您需要的助手——您可以从我们的助手目录中一键添加它们。当您与他人共享文档时,系统会提示他们安装文档使用的助手。助手目录并不是添加它们唯一的途径——您还可以从 URL 或 Mac 上的文件中添加助手。对于希望私下共享助手的团队来说,这些选项尤其方便。
添加完要使用的助手后,它们会检查您的文档并向您显示发现的任何问题。当您只是在试验或处理粗略的想法时,也很容易忽略规则。为了向您展示更多关于它们如何工作的信息,我们制作了这段简短的视频
由我们构建,由您打造
您可以使用大量助手来开始使用,但如果您具备一些 JavaScript 知识(或与前端开发人员朋友合作),您还可以构建自定义内容以满足团队的需求。无论您是小型工作室还是不断发展的组织,可能性都是无限的。
“助手的开发环境令人愉悦!我设法在五分钟内设置了我们的模板助手——包括喝咖啡的时间。”
Fredrik Ward,Sketch2React
创建了自己的助手后,可以轻松地与团队内部共享——或者如果认为社区中的其他人可能会发现它有用,则将其添加到我们的公共页面。查看我们的开发者文档,以获取创建自己的助手的完整指南。
最后——如果您想在 Sketch 之外使用助手检查文档,请继续。您可以直接从命令行运行它们——甚至可以将其添加到您的持续集成 (CI) 工作流程中——使它们能够完美地扩展到更大的团队和组织。
“您设计助手的这种方式处于设计和开发世界的边缘。这很棒!对我来说,感觉这两个世界仍然是分开的,但助手有能力将它们更好地融合在一起。”
Micha Wiebe,Sketch Wiki
我们对助手的思考始于希望使设计审查更有效,但其益处远不止于此。最终,它旨在简化协作并为团队创建更流畅的设计流程。在我们的测试版和测试阶段,对助手的反响非常好,并且许多团队已经在开发自己的助手。现在,我们迫不及待地想看看更广泛的设计社区将如何采用它们。
助手现已在 Mac 应用的 68 版中提供。如果您准备好为您的设计提供帮助,请查看我们的助手页面,并一键添加您需要的助手。