Sketch 3 的新变化

满足一切所想，并且超过期待

我从2014年2月底就开始使用 Sketch 3 。在此为大家介绍其中一些新的特性，告诉你要玩转新版软件，值得注意的地方。

过去的一年里，我写过几篇文章、在谷歌举办了一些内部研讨会，一直在推广 Sketch 软件。许多人（不仅仅是设计师们）把自己的工具切换到Sketch上。通过这次更新， Bohemian Coding 身体力行地表达了他们的座右铭：倾听、制作、发布。

以快到惊人的节奏，每天他们都在推送推送大量的更新和修正，而这是个仅由2名工程师、3名设计师组成的团队。

事实上，他们几乎解决了我在 第一篇博客 中列出的、所有希望它们改进的问题。

让我们沉浸其中吧！

新的用户界面

[+]查看原图

用户界面焕然一新：新的图标、搜索栏如今不再隐藏、可以过滤图层和切片、对齐工具挪到了检查器面板、可供单击的翻转按钮。大工具条下面不再有小工具条了。这些细小的变化，给人感觉非常的清新。

各就各位，各司其职

检查器面板

检查器面板现在只有一级深度，字体和颜色选择器不需要再进第二层了。这里很多其他的功能都改变了位置。逻辑非常简单：所有的在 Sketch 2 中放错位置的东西，都归到了它们应该在的地方。

画板

创建画板的方式发生了一点点改变。

Sketch 3 的新变化 – 画板

曾经这是让人非常困扰的事情之一。现在你可以为所有的画板选择背景色，在导出时可以选择是否导出背景色。不用再在画板底层画一个锁定矩形当背景了，这真是大快人心。

你可以在“画板设置（ Artboard Settings ）”检查器里找到这个选项

插入

[+]查看原图

插入菜单多了新内容。一些在 Sketch 2 的界面中漏掉的功能已经被合情合理地加进这个菜单了。

共享的元素

要定制工具条，右击工具条，选择“定制工具条（ Customize Toolbar ）”

像很多其他功能一样，共享元素重新恢复了。而且这次更明显、也更实用。

他们还加入了呼声最高的功能之一：元件。你现在可以很轻松地跨页面创建、编辑和共享元素。

元件

每次在解释为什么切换到 Sketch 时，我经常遇见的问题是：“有像 Fireworks 的元件功能么？”我知道这确实是一个大家最想要的功能，而 Bohemian 的程序员没有失信于它们的用户。他们以一种聪明、高效的方式把它实现了。

就像你想象的那样，它会使你的生活简单很多。

Sketch 3 的新变化 – 元件

图层样式

创建和更改图层样式的界面现在变得非常友好。这个功能在 Sketch2 中就在手边但是非常难用。没有办法命名或者辨别相似的样式。

Sketch 3 的新变化 – 图层样式

在左边，当一个形状被链接，它的图标会变成紫色。

文字样式

Sketch 3 的新变化 – 文字样式

和之前的非常相像，只是更好用了。就像视频中展示的哪样，仍然有一些使用上的限制。

导出

导出功能被重新构思，更贴近你的工作流。它不再是一个分离的操作模式。你可以象操作设计元素一样设置切片和切片参数。切片的创建和导出从没有这么简单过。新的切片工具让我意识到，以前为了创建一个特殊尺寸的画板来导出设计，我花费了多少时间。

Sketch 3 的新变化 – 导出

非常酷的新功能之一就是你可以导出多个预先设定的尺寸，或者设置你自己的导出尺寸。如果你同时给 Andriod 设备做设计，这个功能将会节省你很多时间，省去很多麻烦。对于未来的任何设备分辨率它也是非常灵活的。这里添加了一个选项，允许你自定义文件名字的后缀。

[+]查看原图

我没这么用过，但你可以将同一个尺寸导出为不同的格式。我想这个功能非常有用，便于你在更复杂的产品、特别是 Web 设计中，要同时保存 PNG 、 JPG 和 SVG 等多种格式。

UI 元素

Teehanlax 宣布 他们著名的 iOS7 GUI 模板将会被内置到 Sketch 3 中。你可以在模板（ Template ）菜单中找到它。第一页说明了这个文档的结构，第二页重新将全部可用的元件摆在一起。你还可以在 Web Design 模板中找到面向网页的元件。

[+]查看原图

矢量和位图编辑

[+]查看原图

矢量和位图编辑工具同样被移动到检查器面板中。这样就直接多了，而且有更多的空间来用图标解释点编辑工具。至于位图编辑工具也有了新的选项，但还是一些基本功能，并且不再隐藏。如果你需要，现在有了一个好用的魔术棒工具。

反选、剪切、填充选区、多边形选区

最后一个功能很有趣，不过表现恐怕不尽人意。位图矢量化，这是一项非常复杂的处理过程，所以不要期望一张非常复杂的图片能转换成可以无限缩放的文件。

颜色选择器

纯色、线性渐变、径向渐变、锥形渐变、图案填充、噪点填充

你会发现，熟悉的颜色选择器工具变成了一个弹出层。之前在重新摆放调色盘时会出现讨厌的颜色随机乱序问题，也得到了修正。

其他改进

所有这些我刚才描述的是你们用眼睛可以看到的，不过我们经常忘记谈论性能。举例来说，“画板预览列表”过去很慢，不过已经彻底地改进了。预览的缓慢速度经常让我灰心丧气。这个问题看上去已经解决掉了。载入大文件也明显快了很多。

将来的改进？

我有一些想法可以使我们的生活变的简单。其中的一些可能已经以插件的形式存在了，然而还是让我列举出来，这些很酷的功能有：

• 共享元件：想象你在一个团队里工作，大家在忙同一个项目。你知道维护一个基本设计资源库是多棘手的事，我想我们这样解决问题：创建一个设计资源库，在这里提交你的图标，然后同事们都能使用。

• 应用内购商店：作为一间小型创业公司，要面对很多难题，其中之一就是如何获得持续的现金流。基于共享元件的思路，我们可以想象一个应用内购商店，在这里出售图标集、样式、渐变、网格， UI 元素等。

• 自动标注：如果已经做过类似的事情，你就知道这是工作流中必要的一环，但很花时间，是不是有什么自动化的方法来实现。想象你可以导出你的模型，其中包括了网格布局以及所需要的数值：字体尺寸、颜色、元素尺寸和边距。值得一提的是我刚写完这段，有人已经 做出插件 了！

• 按钮元件：现在元件有了，如果能创建按钮模板就好了，可以在里面输入文字、同时持固定的边距。有一个 插件 已经做了这项工作，不过还是希望可以和元件更好地整合起来。

• 批量命名：现在搜索变得给力了，给图层命名就非常重要。RenameIt 插件已经做了这项工作，不过如果成为内置功能会更酷。