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

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

Sketch最新Beta版本下载

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

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

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

颜色变量

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

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

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

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

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

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

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

组件视图

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

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

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

组件

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

文本

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

样式

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

颜色

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

插入窗口

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

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

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

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

其他

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

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

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

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

总结

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

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

Figma 和 Sketch 哪家强?来看这篇超详细的对比:

欢迎关注作者的微信公众号:「UI黑客」

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

收藏 22
点赞 7

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。