当我们还沉浸在Sketch 54中文版的喜悦中时,不到一个月,55 Beta版近日被官方秘密发布。更新频率比以前快了很多,这是一个好现象。
素描54版新增功能可以看这篇文章 《Sketch 54 Beta版本探秘,超多好用新功能等你发现!》。
54版虽然带了官方中文界面,但被迫配合系统语言使用。很多朋友不习惯英文版,这里有一个恢复英文界面的方法 《还我英文界面!Sketch54设置英文版的方法》。
Sketch 55版本下载地址:Beta版地址
需要注意的是,草图55要求Mac系统版本为macOS High Sierra 10.13.4及以上。下面是Sketch主要版本对应的Mac系统版本。如果遇到新版的Sketch打不开,需要检查自己的Mac系统。
Sketch 55系列要求macOS高Sierra 10.13.4及以上;Sketch 54系列要求macOS高Sierra 10.13.4及以上;Sketch 53系列要求macOS高Sierra 10.13.4及以上;Sketch 52系列需要Mac OS High Sierra 10.13.4及以上版本。这个需要macOS高Sierra 10.13.4及以上Sketch 51系列版本,macOS Sierra 10.12.2及以上Sketch 50系列版本需要OS X El Capitan 10.11.2及以上Sketch 49系列版本需要OS X El Capitan。10.11.2及以上其实Sketch 54版本除了中文版界面和参考线优化之外并没有带来大的新功能,那么Sketch 55会给我们带来怎样的惊喜呢?让我们看一看。
代码直接粘贴为SVG形状。
通常我们在使用矢量图标的时候,往往会去一些网站下载SVG格式,然后直接复制文件到Sketch中使用。比如Iconfont这个网站,大家都很熟悉。里面的图标是SVG,PNG,AI格式的,很甜。
这个Sketch 55版本增加了将SVG代码直接粘贴到SVG形状的功能。只要有SVG图标对应的代码,就可以直接复制到Sketch中,显示为形状。比如直接把UI黑客logo的SVG代码复制到Sketch中就可以使用下面的例子。
如果在Sketch 54和之前的版本中这样做,会被粘贴成很多代码。
但在实际操作中,直接下载SVG文件粘贴到Sketch比复制代码更方便。好像是比较鸡肋的功能,但是如果遇到SVG图标不能直接下载的话,还是可以用的。
以Iconfont主页的logo为例。它是一个SVG图标而不是普通的图像格式,我们不能直接保存使用。查看网页元素是一堆代码。那么我如何得到这个图标的文件呢?
可以这样做:在Chrome中右键点击元素,找到svg开头的标签,右键-复制-复制元素,然后粘贴到Sketch中就可以看到形状了。
关于SVG,是给我们设计师看的矢量图。
片格式,但它本身是指可伸缩矢量图形(Scalable Vector Graphics),使用 XML 格式定义,是 W3C 的一个标准,被绝大部分浏览器支持。格式结构有点类似于网页 HTML,也可以简单理解为一种代码的可视化。
图层间距调整功能
我们经常会遇到多个对象间距调整的问题,一般情况下间距都是统一的,如果遇到间距修改就需要一个个调整。现在在 55 版本中选中多个元素,右上角的属性面板中会多增加个间距属性,分为水平和垂直。
利用这个功能我们可以同时调整元素之间的间距。也可以把鼠标 hover 在全选的元素上,间距里面会出现白色的小竖条,通过拖动小竖条来统一改变间距数值。如下图:
不过还有一点需要注意,目前只能通过多选元素来调节间距,如果做成组的话功能就无效了,大大降低了实用性。因为正常情况下为了保持图层的可读性和条理性,编组是一个很好的方法和习惯。只能看官方在正式版的时候能否优化这个体验了。
总之是个不错的功能,但是很多插件都已经具备了,比如 Kitchen 插件的间距功能,Flavor 插件的快速复制功能,Anima 插件的 autolayout 功能,Sketch 官方在这方面还是慢了很多步,聊胜于无吧。
关于间距、排版方面,Kitchen 插件有着更加强大的功能,具体看这两篇文章:
《用这个 Sketch 的黑科技,让你快速掌握智能排版!》《用这个 Sketch 的黑科技,让段落自动排版!》
以上就是 Sketch 55 Beta 版本新增的两个主要功能亮点,其他的包含一些性能提升和 Bug 修复。
体验后感觉也并不是一个大规模的版本更新,功能都比较鸡肋。希望在后面的版本中Sketch能给我们带来新的惊喜