跳过导航
An illustration showing different isometric icons on a green background
学习设计

欢迎使用工作区:让开发者移交工作更轻松

准备好进入设计的下一阶段了吗? 了解 Sketch 如何简化开发者移交,而无需第三方工具

在本系列文章中,我们将向您展示如何充分利用您的工作区,从组织设计保持同步与工作区内外的人员分享设计管理角色和权限获取反馈和发送设计以进行移交。

在本系列的最后一篇文章中,您将学习如何使用工作区中的强大工具将设计移交给开发人员,并为他们提供将您的设计转化为产品所需的一切。


现在您已经完成、共享和测试了您的设计,是时候让开发人员介入并将您的作品变为现实了。设计过程中的这一步通常具有挑战性,尤其是在沟通不畅且开发人员没有他们需要的一切时。

这不仅会导致您的设计与最终实现之间不匹配,还会降低速度并最终导致产品质量下降。值得庆幸的是,Sketch 包含一套完整的移交工具,无需额外费用,因此您可以与开发人员协作并使流程的这一部分变得顺畅而简单。最重要的是,他们不需要 Mac 应用或任何第三方插件即可完成。

在 Web 检查器中查找设计的全部细节

Web 应用中的检查器工具使开发人员可以轻松地检查设计中的每个元素,并获得他们需要的详细程度。单击 Web 应用中的任何画板或图层都会在检查器选项卡中显示所有相关属性,从定位到颜色变量。开发人员还可以直接从画板测量图层之间的间距,以及检查包含多个图层或形状的组

按住 Control 键单击任何图层将允许您浏览任何重叠的图层。

而且由于 Web 检查器会标记设计中的每个元素,因此在提供反馈时可以轻松地引用设计的特定部分。如果开发人员在工作时有任何疑问,他们可以使用 Web 应用中的评论和线程来确保一切都清晰明了。

有了工作区,移交变得更加轻松。我最喜欢的部分是我可以多么容易地看到元素之间的间距,以及其余信息显示得多么清晰。复制值轻而易举,我的工作流程也加快了速度。

— Lucija Segarić,iOS 开发者

最重要的是,开发人员可以使用他们喜欢的任何浏览器或操作系统来检查您的设计 — 所有这些都是免费的,无需 Mac 应用。将他们作为查看者添加到您的工作区,他们可以检查任何设计,而无需第三方插件。如果您正在与工作区外的开发人员合作?只需邀请他们访问您的文档并授予他们查看者权限。所有这些都包含在内,无需额外费用。

只需单击一下即可复制属性、颜色变量和共享样式

我们知道在移交过程中,开发人员只需要他们需要的信息,并且触手可及。这就是为什么 Web 应用检查器可以轻松地将任何属性的值复制到剪贴板 — 包括颜色代码和文本属性。只需将鼠标悬停在任何属性上,然后单击它即可。

对于具有多个属性的图层,例如文本属性或填充,您可以通过单击节标题将它们全部复制到剪贴板。

复制颜色和颜色变量时,开发人员可以选择不同的格式以最适合他们的项目。您还可以一眼看到颜色变量属于哪个组或库,如果您需要在某个时候返回到它,或者了解其上下文,这将非常方便。

Web 应用检查器将保存您的首选项,因此复制不同的颜色属性将使用与您原始选择相同的格式。

当您选择使用文本样式图层样式的图层时,我们将在侧边栏中显示它及其完整路径,从而清楚地表明该样式属于文档还是工作区库。

详细检查符号

符号不仅是设计人员节省时间的工具,开发人员也从中受益。无论何时您选择作为符号一部分的图层,我们都会在画板和侧边栏中突出显示符号。这样,开发人员可以轻松区分基于可重用组件的元素和那些自定义的元素,并且可能需要花费更多时间才能制作出来。

虽然有时拥有完整的图片很有帮助,但在其他时候,开发人员可能需要详细检查源符号。单击画板上或检查器中的卡片上的符号名称或箭头图标 (→),无论它是文档本地的还是工作区库的一部分。

快速访问源符号以详细探索它。

单击一下即可下载生产就绪的资源

虽然检查是移交过程的关键部分,但向开发人员提供他们需要的图像和图标同样重要。使用 Sketch,您可以在 Mac 应用中将资源标记为可导出,它们将准备好让您的开发人员单击下载。

此外,他们将始终能够访问最新版本的资源,并且知道如果需要特定资源该去哪里。开发人员可以选择下载单个资源或文档中的所有资源,以及选择最适合他们的文件格式。

您可以下载多种格式的资源,并选择单独下载或一次性全部下载。


好的,这是我们“工作区入门”系列的最后一篇文章。感谢您与我们一起探索 Sketch 中那些可以改善设计流程协作的工具——我们希望您在这里找到了一些有用的技巧和建议。敬请关注博客,了解未来几周关于工作区的更多新闻。

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会让您在几分钟内设置好并准备好完成您的最佳作品。

免费开始
免费开始