跳过导航
An image of Sketch’s newly redesigned user interface in macOS Big Sur
Sketch 内部

Yes Sur: Sketch macOS 改版幕后

“我们始终希望将您的设计置于首位,让它们闪耀 — 我们最不希望看到的就是界面阻碍了设计。”

今天,我们很高兴分享一些关于 Big Sur 更新的详细信息。为了让 Sketch 适应 Apple 最新操作系统,Sketch 团队几十位成员付出了无数的努力、做出了艰难的决定,并进行了仔细的修改。我们要对他们所有人表示衷心的感谢,我们为他们的工作感到无比自豪。

为了深入了解团队是如何打造 Sketch 美丽的新界面的,并展示一些我们最喜欢的细节,我们与设计总监 Marcelo Marfil 坐下来聊了聊。


那么,有什么新变化呢?

“在早期,我们心中只有一个目标。我们希望确保 Sketch 在 Big Sur 上仍然将您的设计置于首位,让它们闪耀,”Marcelo 解释道。“我们最不希望看到的就是界面阻碍了设计。” 秉持这一理念,团队专注于调整和改进现有界面,而不是完全推翻。他们希望在您升级到 Big Sur 之后,应用程序仍然感觉熟悉,这样您就能立即回到自己的设计中。“本质上,它仍然是人们熟悉和喜爱的 Sketch,”他说。这是一个进化,而不是革命。

话虽如此,但团队确实利用这个机会在一些关键领域进一步推动了发展。“采用新的操作系统标准,比如全高侧边栏和工具栏,就已经带来了巨大的变化,但我们不能止步于此,”Marcelo 说。

Yes Sur

“就像任何新事物一样,你总是需要克服不可避免的学习曲线,”他继续说道。在花了一些时间使用测试版并理解新的范式后,团队开始探索如何确保我们的原生应用程序在 Mac 上仍然感觉“如鱼得水”——同时继续支持想要坚持使用 macOS Catalina(甚至更早操作系统)的用户。

从工具栏开始。虽然要与 Apple 的新设计保持一致,Apple 的新设计将文档标题与其他工具栏项目并排排列,但他们重新组织了默认工具栏,将他们认为您最常用的工具放在了最前面。窗口右上角甚至出现了一个新的通知图标,将所有通知集中在一起,方便管理。不用担心,您可以通过 Ctrl+单击来使用您喜欢的工具进行自定义。您还会注意到工具栏(以及应用程序的其余部分)采用了一些华丽的新图标。后面我们会详细介绍它们。

随着 Big Sur 将文档标题移至工具栏,这给了团队重新设计它的绝佳机会,包括所有新的图标。

接下来,团队将目光转向了检查器。“即使我们的应用程序用户界面在 macOS 上感觉很熟悉,我们还是依赖很多自定义控件和素材,”Marcelo 解释道。“这最终取决于我们是否认为我们可以为客户提供更好的体验。” 与 Mac 应用程序的其余部分一样,新的检查器会让人感觉很熟悉,但每个元素都经过了精雕细琢,既美观又实用。

An image showing the new Inspector design in Sketch 70.

检查器也进行了翻新,新的橙色高亮颜色占据了中心位置。

您还会注意到应用程序中的强调色发生了变化,现在变成了橙色,与 Sketch 平台的品牌颜色相匹配。当然,如果您不喜欢橙色,可以在系统偏好设置中选择您喜欢的颜色。“我们还对文档窗口进行了现代化改造,”Marcelo 指出。“它现在看起来更熟悉了。”

An image showing the new design for the Documents Window in Sketch 70.

进化,而不是革命

“当 Apple 推出最初的几个测试版时,我们花了一些时间深入了解操作系统变更和范式。”他解释道。“我们希望更好地了解什么对我们有效,以及哪些地方可以做得更好。”

由于这种思考方式,您会发现一些工具,比如缩放,已经从表改为成为检查器中的模式。Big Sur 的新的大尺寸表设计可能会在您进行调整时覆盖画布。通过将它们移至检查器,您可以继续不间断地工作。

将某些工具(例如缩放)移至检查器,意味着更少的干扰和更流畅的工作流程。

“正如我们在 Sketch 中一直努力做的那样,我相信我们找到了系统所能提供的以及我们希望在未来取得的进步之间的平衡,”Marcelo 说。而这种平衡在团队对新图标的处理方式中体现得淋漓尽致。

标志性设计

Big Sur 中引入了 SF Symbols,将 iOS 和 Mac 图标整合在一起,使它们首次保持一致。不幸的是,Apple Symbols 在实现跨界面的图标时,并不能给设计团队提供足够的控制权。

“在 Sketch 中,我们非常重视图标和像素精度,”Marcelo 说。“虽然 Apple Symbols 是一个很棒的概念,但遗憾的是它没有达到我们的标准。” 由于 Apple 设计 SF Symbols 来支持多种权重和大小,因此它们的边缘有时会显得略微模糊。经过反复讨论,团队决定在 Big Sur 上的第一个 Sketch 版本中,Apple Symbols 不适合。因此,他们将每个图标重新制作成矢量。

“我们希望确保我们的新图标既清晰又流畅,但仍然可以很好地融入 Big Sur 主题和我们的品牌,”他解释道。“毕竟,我们为设计师制作设计应用程序。” 我们知道我们有偏见,但我们希望您同意结果非常漂亮。

A close-up image of the new toolbar in Sketch 70.

这些是工具栏中的新默认图标,但不用担心,您仍然可以通过 Ctrl+单击来根据自己的喜好进行自定义。

但这并不是我们 Mac 应用程序中图标设计的终点。与我们 Big Sur 设计的所有方面一样,团队会密切关注未来的版本发展。“我真诚地希望我们最终也能将自己的图标转换为 Apple Symbols,包括所有大小和合适的权重变体。”

这仅仅是个开始

这可能是 Sketch 的新设计,但正如 Marcelo 解释的那样,我们的理念仍然保持不变。“即使有了焕然一新的外观,这次更新也是我们过去十年所学一切的延续,”他说。“我们的重点一直是在 原生 Mac 应用程序 中为您提供创建出色设计的工具。我们非常高兴成为 Mac 生态系统这一重要里程碑的一部分。” 而且正如 Marcelo 强调的那样,这仅仅是个开始。Sketch 将继续发展,就像 Apple 的新设计语言一样。

“我借此机会感谢所有参与这次重新设计工作的人,”他在回顾这个过程时总结道。“这是一个不小的挑战,但我对我们团队在如此短的时间内取得的成就感到无比自豪。”


Sketch 70 现已推出。您可以获取更新,阅读我们的发行说明,查看我们的文档,或者花几个小时欣赏那些图标,这是我们过去一个月一直在做的事情。请在社交媒体上告诉我们您对我们重新设计的看法,我们很乐意听到您的想法。

您可能还喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看新功能,我们都可以在几分钟内帮您设置好,准备开始您最好的工作。

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