在使用 Sketch 近十年,并且是该产品和团队的忠实粉丝之后,我获得了一个千载难逢的机会,可以加入他们的行列,并从内部参与塑造产品。
我带着一堆想法和建议加入(像我们很多粉丝一样),我欣喜地(也有点尴尬地)得知,很多这些“微小的改进”实际上早已构建完毕 — 其中一些已经好几年了!
所以我整理了一个包含 10 个功能的列表,这些功能是我加入团队时要求他们构建的,但实际上它们已经存在,而且可能其中一些对您来说也是新的。
1. 复制为 PNG
我经常做的一件事是在 Slack 上与我的团队分享一个画板,或者将其发送到消息对话中。 以前,我要么将其导出为 2 倍 PNG,要么从检查器预览区域的图层列表中拖动它,因为我就喜欢这样,而且我知道所有的快捷键……
这很好,但我想念像其他工具中提供的“复制为 PNG”这样的功能。 当我在内部询问我们是否可以构建此功能时,我发现我们有一个更好的 解决方案:如果您复制一个画板并将其粘贴到 Sketch 之外,它将将其粘贴为 PNG!
复制画板可以轻松地在 Sketch 之外分享特定的设计。
2. 将图层设置为对齐时的锚点
我相信对于很多人来说,这种情况都很熟悉:选择两个或多个图层,例如,点击对齐到顶部,然后所有图层都会正确对齐到顶部……到错误的图层的顶部 🙄。
我问团队我们是否可以提出一个简单的解决方案,团队再次温和地告诉我,我们已经构建了它。 当选择多个图层时,再次点击其中一个选定的图层会将其设置为锚点。 从这里开始,您对齐的任何其他内容都会围绕它进行对齐。
点击其中一个选定的图层以将其设置为锚点。
3. 通过邻近性自动设置原型目标
有一天,我在 Sketch 中准备一个功能演示,我正在以典型设计师时尚™* 的方式创建一些“幻灯片”,在 X 轴上排列画板,并在 Y 轴上排列新章节。
完成所有操作后,我想将其作为原型进行演示,但在执行此操作之前,我必须使用原型意大利面** 连接所有画板。 我必须承认,这不是一个令人愉快的流程,特别是如果您以后不得不引入新的幻灯片,并再次重新连接所有小玩意。
猜猜怎么着,您知道可以 通过邻近性设置原型目标 吗? 您可以选择所有画板并点击自动链接到右侧画板。 设置此功能将确保它们都以您期望的方式连接,并且如果是画布中最右边的画板,它会足够智能地链接到下一行中的画板。
*实际上不是商标。
**不是官方术语,拉法的话并不代表他雇主的观点。
***同样,不是商标。
想知道如何制作出色的演示文稿吗? 我们已经为您准备好了。
4. 点击并拖动以添加热点图层
当我们谈论原型,以及当我们彼此坦诚相待时……我……我过去常常在我的工作之上绘制矩形,使它们透明,然后将它们用作原型操作的触发器 🥺。
当团队告诉我您可以清除选择,点击 I 并点击并拖动以 创建一个新的交互图层 时,我看到了光明。 从那里,您将自动进入只需选择目标的状态。
我们喜欢矩形,但它们并非总是必要的 😉。
5. 重命名多个画板
这是我多年前接受的事情之一,并且从未费心检查是否已更改(剧透:它已经更改了)。 我过去常常使用插件同时重命名多个画板。
假设我为一个登录流程设计了一堆画板,然后想将它们全部重命名为“登录屏幕 #1”等等。 您不仅可以在 Sketch 中本地执行此操作,而且可以以时尚的方式执行。 选择多个画板后,点击 ⌘R 以显示重命名选定的图层工作表,您可以在其中选择性地匹配现有名称,甚至可以使用正则表达式。
保持图层整洁曾经是一项繁琐的任务 — 现在不再如此。
6. 选择一堆画板并将它们转换为符号
这太明显了,我什至不确定为什么它会出现在这里? 也许以前不是这种情况,但您知道可以选择多个画板并点击 ⌘Y 以将每个画板转换为新符号吗?
当我在网格中设计一堆图标,然后想将它们全部转换为符号并将其添加到我的库中时,这尤其有用。
专注于您的设计,然后在几秒钟内将其转换为符号。
7. 画板模板预览
我非常喜欢 画板模板,我认为这是一个非常被低估的功能 — 这是一种在没有符号约束的情况下开始使用的好方法(因为我打算向其中添加内容并进行更改)。 我一直在使用它们。 例如,我将创建一个简单的 iPhone 框架画板,其中包括正确的设备角半径、灵动岛和主页指示器,或者有时我甚至会使用自定义选项卡栏设计应用程序的基本结构。
长话短说,我经常使用画板模板。但是,我一直希望能够让我的自定义画板模板看起来像默认模板一样美观整洁,并且拥有自己的自定义缩略图。你猜怎么着?原来是可以的。
你可以创建一个 92x92 的画板,命名为 Previews / 画板模板的名称,Sketch 就会将其用作缩略图——如果将其添加为库,甚至可以同步!
预览可以帮助你保持组织性,并快速找到你需要的东西。
8. 复制不同代码格式的颜色
我已经在 Web 应用程序中复制了不同格式的颜色变量,但我不知道你也可以通过 Mac 应用程序做到这一点——这真是节省时间!
颜色变量非常适合保持设计和代码项目之间的颜色一致性。
9. 重新启动时打开窗口
我通常长时间处理相同的 2-3 个文档:通常是我的主文档,以及我喜欢保持打开状态的几个库。
我也是一个怪人*,喜欢经常重启我的 Mac,如果一段时间不使用某个应用程序,就会定期退出它。所以当我重新启动 Sketch 时,我不得不寻找并重新打开所有这些文档——我甚至在某个地方寻找一个设置,可以让我重新启动应用程序时重新打开窗口。
事实证明,Sketch 通过尊重系统的偏好设置,比我这个 Mac 极客更胜一筹!要在启动 Sketch 时恢复你的窗口,请转到系统设置 > 桌面与程序坞,并取消选中退出应用程序时关闭窗口的偏好设置。
*实际上并不是怪人,我不会评判人们如何使用他们的 Mac(大部分情况下)。 使用你的工具没有正确或错误的方法(在大多数情况下)。
以你喜欢的方式设置事情是设置工作流程的关键步骤。
10. 使用键盘调整大小 (⌘↑↓→←)
这是我最新也是最后一个发现:你知道当你进行小而精确的图层位置调整时吗?你的鼠标或触控板不是这项工作的最佳工具,所以你会回到老式的方法,使用键盘上的箭头键,对吧?向上移动一个像素↑,向左移动一个像素←。
但是当涉及到调整大小时,我会前往检查器,选择宽度或高度文本区域,然后用箭头键将值增加一。但有时我不得不取消对焦并调整其位置,因为我希望它向左增长一个像素,例如。
好吧,事实证明你可以使用 ⌘←→ 来增加或减少宽度,并使用 ⌘↑↓ 来增加或减少高度。另外,它也适用于 ⇧ 修改键,并尊重你在设置中设置的微调值。
使用键盘调整大小可以帮助你保持精确并加快速度。
这就是10个!我想知道这些发现中有没有像我一样让你感到惊讶的,更好的是,我很乐意在我们的社区论坛上听到你最近的发现。我会在那里!