Sketch 55 Beta版本探秘，看看都有什么新功能

盼望着，盼望着，立夏到了，Sketch新版本的脚步近了。

当咱们还沉浸在Sketch54版本带来的中文版喜悦中时，还不到一个月的时间，55Beta版本最近也被官方偷偷释放出来，更新频率比以前加快不少，是个好现象。

 

 

关于Sketch54版本的新功能还不知道的小伙伴能够看这篇《Sketch 54 Beta版本探秘，看看都有什么新功能》

虽然54版本带来了官方中文版界面，但倒是跟随系统语言强制使用的。不少小伙伴习惯了英文版以后对此不太适应，这里提供一个还原英文界面的方法《还我英文界面！Sketch54设置英文版的方法》

本次的Sketch55版本能够到这个地址下载体验 Beta版本地址

须要注意的是，Sketch 55要求Mac系统版本是macOS High Sierra 10.13.4及以上。下面是Sketch各大版本对应的Mac系统版本，若是遇到新版的Sketch打不开就须要检查下本身的Mac系统了。

 

Sketch55系列版本须要macOS High Sierra 10.13.4及以上

Sketch54系列版本须要macOS High Sierra 10.13.4及以上

Sketch53系列版本须要macOS High Sierra 10.13.4及以上

Sketch52系列版本须要macOS High Sierra 10.13.4及以上

Sketch51系列版本须要macOS Sierra 10.12.2及以上

Sketch50系列版本须要OS X El Capitan 10.11.2及以上

Sketch49系列版本须要OS X El Capitan 10.11.2及以上

 

其实Sketch 54版本除了中文版界面和参考线优化以外，并无带来大的新功能，那么Sketch 55 会给咱们带来什么样的惊喜呢？一块儿来看看吧。

 

SVG代码直接粘贴为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开头的标签，右键-Copy-Copy element，而后粘贴到Sketch就能够看到形状了。

 

 

关于SVG，对于咱们设计师来讲是一个矢量的图片格式，但它自己是指可伸缩矢量图形 (Scalable Vector Graphics)，使用XML格式定义，是W3C的一个标准，被绝大部分浏览器支持。格式结构有点相似于网页HTML，也能够简单理解为一种代码的可视化。

 

图层间距调整功能

 

咱们常常会遇到多个对象间距调整的问题，通常状况下间距都是统一的，若是遇到间距修改就须要一个个调整。如今在55版本中选中多个元素，右上角的属性面板中会多增长个间距属性，分为水平和垂直。

 

 

利用这个功能咱们能够同时调整元素之间的间距。也能够把鼠标hover在全选的元素上，间距里面会出现白色的小竖条，经过拖动小竖条来统一改变间距数值，以下图。

 

 

不过还有一点须要注意，目前只能经过多选元素来调节间距，若是作成组的话功能就无效了，大大下降了实用性。由于正常状况下为了保持图层的可读性和条理性，编组是一个很好的方法和习惯。只能看官方在正式版的时候可否优化这个体验了。

总之是个不错的功能，可是不少插件都已经具有了，好比Kitchen插件的间距功能，Flavor插件的快速复制功能，Anima插件的autolayout功能，Sketch官方在这方面仍是慢了不少步，聊胜于无吧。

关于间距、排版方面，Kitchen插件有着更增强大的功能，具体看这两篇文章

《你不知道的Sketch黑科技-智能排版》

《你不知道的Sketch黑科技-段落自动排版》

 

以上就是Sketch 55 Beta版本新增的两个主要功能亮点，其余的包含一些性能提高和Bug修复。

嗯，体验后……感受……55也并非一个大规模的版本更新……功能都比较鸡肋……但愿在后面的版本中Sketch能给咱们带来新的惊喜吧。

 

文末安利：

摹客iDoc，新一代的设计协做平台。从设计到开发，只要一个文档。

• 快速完成交付、一键上传Sketch的设计稿；
• 智能标注，鼠标点击便可查看标注数据，右侧面板图层数据一目了然；
• 一键标记，高清切图自动生成，自动上传，前端工程师也能实时更新切图。

立刻扫描注册，下载iDoc for Sketch插件，便可无偿使用：

体验地址：https://idoc.mockplus.cn/

 

 

本文经受权转载。

原文做者：UI黑客

原文地址：http://www.uihacker.com/sketch-55-beta/