原文地址:https://medium.com/sketch-app/4b92d8b25f3
原文作者:Jean-Marc Denis

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元素模板

矢量和位图编辑

矢量编辑

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

位图编辑

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

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

颜色选择器

颜色选择器

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

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

其他改进

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

将来的改进?

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

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

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

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

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

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

实用链接