跳过导航
最新功能

Sketch 100: 不只是一个数字

我们的里程碑版本包含重大的原型设计更新、重新设计的网页版应用、更方便的原型分享以及两款新的工作流程提升工具。

Sketch 100 版本来了。对我们来说,这是一个里程碑版本,它充满了你一直期待的功能——这是我们对你的感谢,感谢你帮助我们走到今天。

想快速了解一下? 观看此视频,在三分钟内了解所有更新。

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


两种新的原型设计方法

我们对原型设计的目标一直是让它变得简单快捷。我们不想让无尽的选择分散你尝试想法和快速迭代的注意力。话虽如此,我们已经知道有一段时间了,你想要从原型设计中获得更多,我们也同样可以提供更多。

在过去的几年里,我们已经做了一系列原型设计更新——从小型的 体验提升,到大型的新功能,例如 叠加。在这个更新中,我们添加了一些新功能,所有这些都没有牺牲速度或简单性。

水平、垂直和多方向滚动

从第一天开始,我们的原型设计就支持垂直滚动,但现在你可以 让原型中的任何内容向任何方向滚动

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

我们的建议是为你的内容创建一个符号,插入它的实例,然后将其设置为可滚动。这样你就可以看到和编辑所有内容(包括被裁剪蒙版隐藏的内容),并轻松地添加填充。

无论你是模拟一排卡片,还是一个交互式地图,或任何需要滚动的其他内容,现在你都可以在一个可运行的原型中测试它们了。

悬停、按下和切换触发器

到目前为止,在原型中触发交互只有一个方法——点击。在这个更新中,我们添加了两个新的触发器;悬停和按下。

这些新的触发器与另一个新的原型设计选项协同工作——自定义图层可见性。例如,现在你可以设置一个图层在播放原型时默认隐藏,只有当有人悬停在它上面时才显示。

还有一个第三个新的选项——点击切换图层的可见性。这个选项在创建交互式 UI 时非常有用,比如复选框或切换开关。你甚至可以切换叠加层的可见性。

这些新的与原型交互的方式结合在一起,为你测试设计打开了更广阔的机会。

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

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

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


更清爽、更专注的网页版应用

除了 Mac 应用中的原型设计更新外,我们还对网页版应用进行了重新设计。我们去掉了静态侧边栏,并用可折叠的面板代替了它们——这为全保真、无限的画布腾出了更多空间,现在它可以扩展到浏览器窗口的每个角落。不过,这种改变不仅仅是为了给你的设计腾出更多空间,它还有助于突出两个常见操作——评论和检查。让我们深入了解一下。

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

现在在网页版应用中检查设计比以往更容易——更棒的是,它对开发者来说是免费的。

我们早在 2020 年就推出了我们的第一个交付工具,允许开发者在任何网络浏览器中免费检查设计。然而,这些工具很难找到,而且需要你深入到单个画板中才能打开检查器。现在是改变这一切的时候了!

现在,你可以 在完整的画布视图中检查设计。当你在查看文档时,只需按 I(或点击检查 代码块 图标),选择画布上的任何内容,并获取你需要的内容。

在完整的画布视图中检查文档意味着你可以比较跨画板的图层,并在交付过程中获得完整的流程图。

如果你错过了:我们的基于浏览器的交付工具对开发者完全免费——不需要 Mac 应用!

向原型添加评论

原型上的评论也会出现在相关的画板上,方便你进行反馈。

新的画布视图也让跟踪对话和添加自己的评论变得更容易。按 N 在画布上的任何位置添加评论,选择现有标记以查看对话,或按 C 以查看包含文档中所有评论的面板。

更棒的是,你现在可以在 播放原型时添加评论——只需点击评论 评论 图标即可查看任何现有评论并添加自己的评论。这是一个非常好的方法,可以对特定流程的感受进行反馈,而无需切换回设计并丢失你在原型中的位置。

客户友好的原型视图

你可以从网页版应用和 Mac 应用中访问这些原型分享选项。

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

我们认为,这些更新与新的原型设计功能一起,带来了更丰富的体验。如果你正在 从 InVision 转移,它们会特别有用。


新的功能让你的工作流程更快

回到 Mac 应用,在这个版本中,我们还有两个新的功能,我们希望你会喜欢——命令栏和迷你地图。

命令栏

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

我们创建命令栏是为了提高速度,所以随着时间的推移,它将根据你最常用的命令来优先排序搜索结果。你很有可能在其他应用程序中使用过这些命令,但如果没有,你会很快想知道没有它你是怎么活过来的。

迷你地图

此版本还引入了迷你地图,让在大型文档中导航变得更容易、更快捷。无论是因为你放大了,还是因为你有很多画板,只要页面上存在超出当前视图的图层,就会出现迷你地图。它提供了整个画布的预览,并显示你确切的位置。

您可以点击并拖动小地图在画布上移动。当您将鼠标悬停在画板上时,您还会看到画板的名称,这使您更容易找到所需的内容。就像命令栏一样,这是一个与您的工作流程完美融合的功能,就像它一直存在一样。


更多小巧但强大的更新

我们还有更多更新要与您分享。所以再喝一杯,让自己舒适,我们将带您了解一些较小的但同样重要的新功能。

权限组和归档(仅限商业计划)

如果您使用的是我们的商业计划,那么您可能拥有一个非常繁忙的工作区。为了简化操作,您现在可以创建权限组,一次将多个成员添加到文档或项目中。此外,您现在可以将项目归档以隐藏不再进行的工作。

固定文档和项目

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

新的 Web 应用程序通知视图

在 Web 应用程序中,我们对通知视图进行了改版。它更有效地利用了浏览器窗口中的空间,因此您可以看到更多通知。还有新的选项可供您搜索和筛选通知,并且阅读内容和新内容之间的区别更加清晰。

新的设计令牌导出

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

教程、指南和模板的新家

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


所以,这就是版本 100。对我们来说是一个里程碑式的版本——如果没有您的支持,我们无法实现。谢谢!我们希望您喜欢这款产品,以及这些功能为您带来的所有新可能性。

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

本文内容

您可能还喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看新功能,我们都会在几分钟内让您做好准备,并能以最佳状态完成工作。

免费开始使用
免费开始使用