今天,我们很高兴分享我们 Big Sur 更新的一些细节。为了 Apple 最新的操作系统更新我们的用户界面,Sketch 团队数十人花费了无数时间辛勤工作、做出艰难的决定和仔细的修改。我们想对他们所有人表示衷心的感谢——我们为他们所做的工作感到无比自豪。
为了了解团队如何创建 Sketch 漂亮的新界面——并展示我们最喜欢的一些细节——我们坐下来与我们的设计总监 Marcelo Marfil 聊天。
有什么新内容?
“早期,我们心中只有一个目标。我们想确保 Big Sur 上的 Sketch 仍然将您的设计置于中心位置,以便它们能够闪耀,”Marcelo 解释说。“我们最不希望的就是界面妨碍您的工作。” 考虑到这一点,团队专注于调整和改进现有界面,而不是进行彻底的改革。他们希望在您升级 Big Sur 后,该应用程序感觉很熟悉,因此您可以立即回到您的设计中。“本质上,它仍然是人们所熟知和喜爱的 Sketch,”他说。 这是一种进化,而不是一场革命。
也就是说,团队确实借此机会在一些关键领域进一步推进。“采用新的操作系统标准,例如全高侧边栏和工具栏,已经产生了巨大的变化,但我们不能止步于此,”Marcelo 说。
是的 Sur
“与任何新事物一样,您必须克服不可避免的学习曲线,”他继续说道。 在花了一些时间使用测试版并了解新范例之后,团队开始探索如何确保我们的原生应用程序仍然感觉像在 Mac 上“在家”一样——同时继续支持想要坚持使用 macOS Catalina(甚至更早的操作系统)的人。
它从工具栏开始。在与 Apple 的新设计保持一致的同时,该设计将文档标题与工具栏中的其他项目内联添加,他们使用他们认为您最常用的工具重新组织了默认工具栏。 窗口右上角甚至还有一个新的“通知”图标,可将您的通知集中在一起,方便您进行管理。 不用担心——您仍然可以使用 Ctrl+单击来使用您自己喜欢的工具自定义它。 您还会注意到工具栏(以及应用程序的其余部分)具有一些华丽的新图标。 稍后详细介绍它们。
由于 Big Sur 将文档标题移至工具栏中,因此团队有机会重新设计它——采用全新的图标。
接下来,团队将注意力转移到检查器。“即使我们的应用程序的用户界面在 macOS 上感觉像在家一样,我们仍然非常依赖自定义控件和材料,”Marcelo 解释说。 “这总是归结为我们是否认为可以给我们的客户带来更好的体验。” 像 Mac 应用程序的其余部分一样,新的检查器会让人感觉很熟悉,但是每个元素都经过精心修改,使其既美观又实用。

检查器也进行了改版——新的橙色高亮颜色占据了中心位置。
您还会注意到应用程序中的强调色已更改——现在为橙色,以匹配我们在 Sketch 平台上的品牌颜色。 当然,如果橙色不是您喜欢的颜色,您可以在“系统偏好设置”中选择一种您喜欢的颜色。“而且我们对文档窗口进行了现代化改造,”Marcelo 指出。“现在它具有更熟悉的外观。”

进化,而非革命
“当 Apple 推出前几个测试版时,我们花了一些时间并深入研究了操作系统更改和范例。” 他解释说。“我们想更好地了解什么对我们有用,以及在哪些方面我们可以做得更好。”
因此,您会发现某些工具(例如“缩放”)已从工作表更改为检查器中的模式。 Big Sur 新的、更大的工作表设计会在您进行调整时覆盖画布。 通过将它们转移到检查器中,您可以继续不受干扰地工作。
将某些工具(例如“缩放”)移至检查器意味着更少的中断和更顺畅的工作流程。
“正如我们始终在 Sketch 中尝试做的那样,我相信我们在系统必须提供的功能与我们将来想要实现的目标之间找到了良好的平衡,”Marcelo 说。 而且,这种平衡在团队采用新图标的方式中体现得最为明显。
标志性设计
Big Sur 中SF Symbols的引入将 iOS 和 Mac 图标整合在一起,使其首次保持一致。 不幸的是,在跨界面实施图标时,Apple Symbols 根本没有为设计团队提供足够的控制权。
“在 Sketch 中,我们非常关心我们的图标和像素精度,”Marcelo 说。“即使 Apple Symbols 是一个很棒的概念,但遗憾的是,它并没有完全达到我们的标准。” 由于 Apple 设计 SF Symbols 来支持多种粗细和尺寸,因此它们的边缘有时会显得有些模糊。 经过多次讨论,团队决定Apple 的 Symbols不适合 Big Sur 上的第一个 Sketch 版本。 相反,他们将每个图标重做为矢量。
“我们想确保我们的新图标在清晰度和流畅度之间取得良好的平衡,但仍然可以很好地融入 Big Sur 主题和我们的品牌,”他解释说。“毕竟,我们是为设计师制作设计应用程序。” 我们知道我们有偏见,但我们希望您会同意结果非常漂亮。

这些是工具栏中的新默认图标,但请放心——您仍然可以使用 Ctrl+单击将其自定义为您喜欢的样式。
但这并不是我们 Mac 应用程序中图标设计的终点。 与我们 Big Sur 设计的所有方面一样,该团队正在密切关注未来版本的开发。“我真心希望我们最终也可以将我们自己的图标转换为 Apple 的 Symbols,包括所有尺寸和合适的粗细变体。”
这仅仅是个开始
这可能是 Sketch 的新设计,但正如 Marcelo 所解释的那样,我们的理念保持不变。“即使采用全新的外观,此更新也是我们在过去十年中所学的一切的延续,”他说。“我们的重点始终是为您提供在本机 Mac 应用程序中创建出色设计所需的工具。 我们非常高兴能够成为 Mac 生态系统这一重要里程碑的一部分。” 正如 Marcelo 渴望强调的那样,这仅仅是个开始。 Sketch 将继续发展,就像 Apple 的新设计语言一样。
“我想借此机会感谢所有内部参与此次重新设计的人员,”他总结道,回顾了整个过程。“这是一个相当大的挑战,但我为我们的团队在如此短的时间内取得的成就感到无比自豪。”
Sketch 70 现已推出。 您可以获取更新、阅读我们的发行说明、查看我们的文档,或者只是在接下来的几个小时中充满爱意地凝视那些图标,这就是我们在过去一个月左右所做的事情。 请在社交媒体上告诉我们您对我们重新设计的看法——我们很乐意听取您的想法。