跳过导航
最新动态

Sketch 100:不仅仅是一个数字

我们的里程碑版本包含一个重要的原型设计更新、重新设计的网页应用、更好的原型共享和两个新的工作流程加速工具。

Sketch 的 100 版本已发布。对于我们来说,这是一个具有里程碑意义的版本,其中包含您一直要求的功能——感谢您帮助我们走到这一步。

喜欢 TL;DR? 观看此视频,三分钟内了解所有更新。

这里有很多内容要讲,所以让我们从原型设计的新功能开始。


两种新的原型设计方式

我们原型设计的目标一直是使其简单快捷。我们不希望无休止的选项分散尝试想法和快速迭代的注意力。也就是说,我们早就知道您想要更多原型设计功能,以及我们可以提供更多功能。

在过去的几年里,我们进行了一些原型设计更新——从较小的生活质量改进,到重要的的新功能如叠加层。通过这次更新,我们添加了一些功能,所有这些都没有在速度或简洁性方面做出妥协。

水平、垂直和多向滚动

自第一天起,我们的原型设计中就具有垂直滚动功能,但现在您可以使原型设计中的任何内容沿任何方向滚动

设置滚动区域很简单;选择要滚动的内容,然后在检查器的“原型”选项卡下点击设为可滚动。我们将对您的内容进行分组(如果尚未分组),并添加一个剪切蒙版以及一些新的手柄来控制可滚动区域。

我们的建议是为您的内容创建一个 Symbol,插入它的一个实例并使其可滚动。这样,您就可以查看和编辑所有内容(包括被剪切蒙版隐藏的任何内容),并轻松添加内边距。

无论您是模拟一排卡片、一个交互式地图,还是其他需要滚动的内容,现在都可以在一个可运行的原型中进行测试。

悬停、按压和切换触发器

到目前为止,原型设计中只有一种触发交互的方式——点击。通过这次更新,我们添加了两个更多的触发器;悬停时和按下时。

这些新的触发器与另一个新的原型设计选项——自定义图层可见性——协同工作。例如,您现在可以将某个图层设置为默认情况下在播放原型设计时隐藏,并且仅在有人将鼠标悬停在其上方时才显示。

还有第三个新选项——点击时切换图层的可见性。这对于创建交互式 UI(如复选框或切换开关)特别有用。您甚至可以切换叠加层的可见性。

总之,这些与原型设计交互的新方式为您在测试设计时开启了一个充满机遇的世界。

了解更多:如果您想熟悉这些原型设计更新,请查看Sketch中的此交互式教程文档

这些功能之所以成为可能,是因为我们在过去一年中为重写原型播放器所做的工作。它现在不再依赖 HTML 来显示静态图像,而是使用 WebGL 和 Skia,这让我们在可以执行和显示的内容方面有了更大的灵活性。

这个新的原型播放器可以在 Mac 应用程序、iOS 应用程序和网页应用程序中运行,在网页应用程序中我们也有一些更新要分享……


一个更新鲜、更专注的网页应用程序

除了 Mac 应用程序中的原型设计更新之外,我们还对网页应用程序进行了重新设计。我们删除了静态侧边栏,并用可折叠面板替换了它们——为全保真、无限画布腾出更多空间,现在该画布已扩展到浏览器窗口的每个角落。不过,此更改不仅是为了为您的设计腾出更多空间,还有助于突出显示两个常见操作——评论和检查。让我们深入研究一下。

在任何浏览器中,在画布上进行检查

现在比以往任何时候都更容易在网页应用程序中检查设计——更好的是,这对开发人员来说是免费的。

我们在 2020 年推出了我们的第一个交付工具,使开发人员可以在任何 Web 浏览器中免费检查设计。但是,这些工具很难找到,并且需要您深入到单个画板中才能打开检查器。现在是改变的时候了!

现在,您可以在完整的画布视图中检查设计。当您查看文档时,只需点击 I(或点击“检查”Code block图标),选择画布上的任何内容,然后获取所需的内容。

使用画布上的所有内容的完整视图检查文档意味着您可以比较画板上的图层,并在交付过程中获得流程的完整画面。

如果您错过了:我们的基于浏览器的交付工具对开发人员完全免费——无需 Mac 应用程序!

向原型添加评论

对原型的评论也会显示在其相关的画板上,从而可以轻松地给出和接收反馈。

新的画布视图还可以更轻松地跟踪对话并贡献您自己的评论。点击 N 以在画布上的任何位置添加评论,选择现有的标记以查看对话,或点击 C 以查看包含文档中每条评论的面板。

更好的是,您现在可以在播放原型时添加评论——只需点击“评论”Comments图标即可查看任何现有评论并添加您自己的评论。这是一种很好的方式来提供有关特定流程感觉如何的反馈,而无需切换回设计并在原型中失去您的位置。

一个对客户友好的原型视图

您可以从网页应用程序和 Mac 应用程序访问这些原型共享选项。

除了评论之外,我们还添加了一种新的共享原型的方式,该方式隐藏了网页应用程序的 UI 并链接回设计文件。它非常适合与客户共享,并将重点放在原型本身上。

结合新的原型设计功能,我们认为这些更新创造了功能更丰富的体验。如果您正在从 InVision 过渡,它们特别有用。


使您的工作流程更快的全新功能

回到 Mac 应用程序中,我们在此版本中还有两个新功能,希望您会喜欢——命令栏和 Minimap。

命令栏

您现在可以在任何文档中点击 K,并使用命令栏在 Sketch 中查找和运行操作。命令栏将显示您通常在菜单栏中找到的或使用快捷方式激活的任何操作(包括来自插件的任何操作)。它还包括检查器字段,如画板方向。

我们构建命令栏是为了提高速度,因此随着时间的推移,它将根据您最常使用的命令来优先显示搜索结果。您很可能以前在其他应用程序中使用过其中一种,但如果没有,您很快就会想知道没有它您是如何生活的。

Minimap

此版本还引入了 Minimap,以使导航大型文档更容易、更快。只要您的页面上有位于当前视图之外的图层,就会显示 Minimap——无论是因为您已放大还是仅仅拥有大量画板。它为您提供了整个画布的预览,并向您显示您所处的位置。

您可以点击并拖动 Minimap 以在画布上移动。您还会在将鼠标悬停在画板上时看到画板的名称,以便更容易找到您需要的内容。就像命令栏一样,这是融入您的工作流程的功能之一,就像它一直存在一样。


更多小而强大的更新

我们还有一些更新要与您分享。所以请再喝一杯,让自己舒服一下,我们将向您介绍一些较小但同样重要的新功能。

权限组和存档(仅限 Business 方案)

如果您使用的是我们的 Business 方案,那么您的工作区很可能非常繁忙。为了让事情更简单,您现在可以创建权限组,以便一次性将多个成员添加到文档或项目中。此外,您现在可以存档项目,以隐藏不再进行中的工作。

固定文档和项目

您现在可以在任何使用 Sketch 的地方固定您最重要的文档和项目。当您固定一个项目时,它会出现在项目列表的顶部。固定的文档会出现在文档网格的开头。固定的项目仅对您个人重要,因此其他人不会看到您固定的内容。

新的 Web 应用程序通知视图

在 Web 应用程序中,我们对通知视图进行了改进。它更好地利用了浏览器窗口的空间,因此您可以查看更多通知内容。还有新的选项可以搜索和过滤您的通知,并更清楚地区分已读和未读内容。

新的设计令牌导出

除了让在 Web 应用程序中进行检查更简单之外,我们还通过新的设计令牌导出进一步改进了开发者移交。现在,除了现有的颜色令牌之外,您还可以获取图层样式和文本样式的令牌。

教程、指南和模板的新家

如果您正在寻找教程、指南和模板,您可以在“发现”中找到它们。您可以在 Web 应用程序的侧边栏中找到“发现”,并且首次在 Mac 应用程序的工作区窗口的侧边栏中找到它。我们已经刷新了“发现”,并将定期更新它,以帮助您充分利用 Sketch。


这就是 100 版本。对我们来说是一个里程碑式的版本,如果没有您的支持,我们无法达到这个目标。谢谢!我们希望您喜欢这个版本,以及这些新功能为您开启的所有新可能性。

和往常一样,如果您需要任何帮助来充分利用新功能或有任何反馈,请访问社区论坛

在本文中

您可能也喜欢

免费试用 Sketch

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

免费开始
免费开始