在本系列文章中,我们将向您展示如何充分利用工作区 - 从 组织设计 和 保持同步 到 分享它们 与 工作区内外的其他人、获得反馈 以及发送设计以进行交接。
在本系列文章的最后一篇文章中,您将学习如何使用工作区中的强大工具将设计交付给开发者,并提供他们将您的设计转化为产品所需的一切。
现在您已经完成了设计、分享和测试,是时候让开发者介入并让您的作品栩栩如生了。设计流程中的这一步通常很具有挑战性 - 尤其是在沟通支离破碎并且开发者没有获得所有所需信息时。
这不仅会导致您的设计与最终实现之间出现不匹配,还会减慢速度,最终导致产品质量下降。幸运的是,Sketch 包含一整套免费的手动工具,因此您可以与开发者协作,使流程的这一部分变得平滑且直观。最棒的是,他们无需使用 Mac 应用或任何第三方插件来执行此操作。
在网络检查器中查找设计的所有详细信息
网络应用中的 检查器工具 使开发者可以轻松地 检查设计中的每个元素,并提供他们所需的详细程度。单击网络应用中的任何画板或图层将显示检查器选项卡中的所有相关属性 - 从定位到颜色变量。开发者还可以 直接从画板测量图层之间的间距,以及 检查包含多个图层 或形状的组。
按住 Control 键并单击任何图层将允许您探索任何重叠的图层。
而且,由于网络检查器会标记设计中的每个元素,因此在提供反馈时可以轻松地引用设计的特定部分。如果开发者在工作过程中有任何问题,他们可以使用网络应用中的 评论和线程 来确保一切清晰明了。
有了工作区,交接变得更加轻松。我最喜欢的地方是可以轻松查看元素之间的间距,以及其他信息显示得多么清晰。复制值非常容易,我的工作流程也加快了。
最棒的是,开发者可以使用他们喜欢的任何浏览器或操作系统来检查您的设计 - 全部免费,无需使用 Mac 应用。将他们添加为工作区中的查看者,他们就可以检查任何设计,无需使用第三方插件。而如果您与工作区外的开发者合作?只需 邀请他们加入您的文档 并授予他们查看者权限。所有这些都无需额外付费。
一键复制属性、颜色变量和共享样式
我们知道在交接过程中,开发者只想获得他们需要的信息,并且希望这些信息触手可及。这就是为什么网络应用检查器使 将任何属性的值复制到剪贴板 变得如此简单 - 包括颜色代码和文本属性。只需将鼠标悬停在任何属性上并单击它即可。
对于具有多个属性的图层(例如文本属性或填充),您可以通过单击节标题将它们全部复制到剪贴板。
当 复制颜色和颜色变量 时,开发者可以选择不同的格式以最适合他们的项目。您还可以一目了然地查看颜色变量所属的组或库,如果您需要稍后参考或了解其上下文,这将非常有用。
网络应用检查器将保存您的首选项,因此复制不同的颜色属性将使用与原始选择相同的格式。
当您选择使用 文本样式 或 图层样式 的图层时,我们将在侧边栏中显示它,以及它们的完整路径,以便清楚地了解该样式是属于文档还是工作区库。
详细检查符号
符号不仅是设计师的省时工具,开发者也可以从符号中受益。无论何时选择作为符号一部分的图层,我们都会在画板和侧边栏中突出显示符号。这样,开发者可以轻松区分基于可重用组件的元素和自定义元素,这些自定义元素可能需要花费更多时间才能创建。
虽然有时拥有完整图片非常有用,但有时开发者可能需要详细检查源符号。单击画板上的符号名称或箭头图标 (→),或检查器中的卡片,无论它是属于文档还是工作区中的库。
快速访问源符号以详细探索。
一键下载可用于生产的资源
虽然检查是交接过程中的关键部分,但提供开发者所需的图像和图标同样重要。使用 Sketch,您可以在 Mac 应用中 将资源标记为可导出,然后开发者只需单击一下即可下载它们。
此外,他们将始终可以访问最新版本的资源 - 并且知道需要特定资源时该去哪里。开发者可以选择下载单个资源或文档中的所有资源,以及选择最适合他们的文件格式。
您可以以多种格式下载资源,并可以选择单独下载或一次性下载所有资源。
好了,这是我们“欢迎使用工作区”系列的最后一篇文章。感谢您与我们一起探索 Sketch 中的工具,这些工具可以改善整个设计流程中的协作 - 我们希望您能在这里找到一些有用的提示和建议。敬请关注博客,了解未来几周有关工作区的更多新闻。