Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

说起Sketch的一大痛点,就不得不提颜色样式。明明已经建立好完整的图层颜色样式,文本就是无法调用,必须重新建立。导致实际项目中的文本样式非常复杂,特别影响效率。

在69版本中,这个问题将不复存在,新增的颜色变量功能将会统一文档中的颜色调用方法,与Figma类似。此外还增加了组件视图、插入窗口等新功能。69版本整体改变还是挺大的,下面一起了解下。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

Sketch最新Beta版本下载

如果想体验Sketch最新Beta版本,请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住,一定不要用在自己的正式文件中,防止修改后,低版本打不开。

Sketch 69要求Mac系统版本是macOS 10.14.4及以上,下面是Sketch各大版本对应的Mac系统版本,如果遇到新版的Sketch打不开就需要检查下自己的系统版本。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

颜色变量

这是69版本最大的改变。因为增加了独立的颜色变量属性,所以无论是图层、文本、投影、描边,都可以通过颜色变量来调用同一种颜色。在颜色选择面板中,可以对当前颜色制作变变量,并且支持编辑、更新等操作。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

原本颜色选择区域右侧换了新图标,这就是颜色变量。以前的图层叠加模式放在了右上角。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

下图中展示了描边、投影的颜色区域,跟填充一样,都可以添加颜色变量。应用后图标会变成紫色,并且底部会显示颜色变量名称。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

因此,以后的文本和图层就可以共用同一种颜色,非常方便。有点类似于前端的CSS样式名,符合代码样式逻辑,向代码化迈进了一小步。

组件视图

又是新增的大功能,组件管理更加细致。原本的图层和组件标签切换被去掉,工具栏最左侧增加画布Canvas和组件库Components面板切换。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

组件库面板又分为组件、文本、图层、颜色四种分类。其中的颜色是上面讲的颜色变量,也被归类到此。

组件

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

文本

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

样式

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

颜色

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

插入窗口

在插入工具中新增搜索功能,可以对组件、文本样式、图层样式进行快速搜索。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

并且右侧新增独立窗口按钮,或者按快捷键C即可快速打开搜索面板。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

其他

组件Symbol的图标更新了,从原来的刷新变成菱形。话说,Figma的组件也是个菱形,不过是由4个小的组合而成。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

另外路径偏移功能和用户反馈功能新增对应图标。

Sketch 69 Beta版本探秘,看看都有什么新功能-UI黑客

总结

这次的69版本在组件样式方面做了大量的改动,无论是颜色变量还是新的组件库面板,都会对我们后面的设计流程产生影响。尤其是颜色变量功能,以后的文本样式可以把颜色单独提取出来,让颜色成为全局的一个基础原子属性,减少组件库的复杂度。

不过和隔壁的Figma相比,组件和样式的灵活性还需要加强,Sketch要加油了。