探索Sketch55Beta版,看看它有什么新功能!

  就在我们还沉浸在Sketch54带来的中文版喜悦中的时候,官方最近偷偷发布了55Beta版,更新频率比之前快了很多,这是一个不错的现象。

  Sketch54版本的新特性可以在本文中看到→“sketch54beta版探索,这么多新特性好用,等你去发现!》。

  虽然54版带来了官方中文界面,但还是被迫跟随系统语言使用。很多朋友都习惯了英文版,所以这里有个恢复英文界面的方法→“把我的英文界面还给我!Sketch54如何设置英文版。

  需要注意的是Sketch55要求Mac系统版本为macOSHighSierra10.13.4及以上。以下是Sketch各个主要版本对应的Mac系统版本。如果新版本的Sketch无法打开,您需要检查您的Mac系统。

  Sketch55系列版本需要macOSHighSierra10.13.4及以上版本。

  Sketch54系列版本需要macOSHighSierra10.13.4及以上版本。

  Sketch53系列版本需要macOSHighSierra10.13.4及以上版本。

  Sketch52系列版本需要macOSHighSierra10.13.4及以上版本。

  Sketch51系列的版本需要macOSSierra10.12.2及以上。

  Sketch50系列版本需要OSXElCapitan10.11.2及以上。

  Sketch49系列版本需要OSXElCapitan10.11.2及以上。

  其实除了中文界面和参考线的优化,Sketch54并没有带来很大的新功能,那么Sketch55会给我们带来怎样的惊喜呢?我们来看看。

  直接粘贴SVG代码为SVG形状。

  我们平时使用矢量图标的时候,经常会去一些网站下载SVG格式,然后直接把文件复制到Sketch上使用。比如Iconfont就是一个我相信大家都很熟悉的网站。图标字体中的图标以SVG、PNG、AI的形式提供,非常贴心。

  这个Sketch55版本增加了将SVG代码直接粘贴到SVG形状中的功能。只要有SVG图标对应的代码,就可以直接复制到Sketch中,显示为形状。比如下面这个例子,UI黑客logo的SVG代码可以直接复制到Sketch中使用。

  如果在Sketch54及之前做这个,会被粘贴成很多代码。

  但是在实践中,直接下载SVG文件粘贴到Sketch比复制代码更方便。看起来是一个比较琐碎的功能,但是如果遇到不能直接下载的SVG图标,可以使用。

  以Iconfont主页的logo为例。它是一个SVG图标,而不是正常的图片格式,所以我们不能直接保存下来使用。查看网页元素是一堆代码。这个图标的文件怎么获取?

  你可以这样做:在Chrome中右击元素,找到svg开头的标签,右击–-Copy-Copyelement,粘贴到Sketch中就可以看到形状了。

  至于SVG,对于我们的设计师来说是一种矢量图片格式,但它本身指的是ScalableVectorGraphics,它是由XML格式定义的,是大多数浏览器支持的W3C标准。格式结构有点类似于网页的HTML,也可以简单理解为一种代码可视化。

  层间距调节功能。

  我们经常会遇到调整多个对象间距的问题。一般来说,间距是均匀的。如果修改间距,需要逐个调整。现在,当在版本55中选择多个元素时,右上角的属性面板中会添加更多的间距属性,可以分为水平和垂直。

  有了这个功能,我们可以同时调整元素之间的间距。您也可以将鼠标悬停在所有选定的元素上,一个白色的小竖线将出现在间距中。拖动小竖线以统一更改间距值。如下图:

  但是需要注意的是,目前只能通过选择多个元素来调整间距,如果做成一组的话功能会失效,大大降低了实用性。因为分组是一种很好的方法和习惯,目的是为了在正常情况下保持图层的可读性和组织性。这要看官方在正式发布的时候能否优化这个体验。

  总之是一个不错的功能,但是很多插件已经有了,比如厨房插件的间距功能,香精插件的快速复制功能,Anima插件的自动布局功能。素描在这方面还是慢了很多,总比没有强。

  关于间距和排版,厨房插件功能更强大。具体看这两篇文章:

  “有了这个Sketch的黑技术,你可以快速掌握智能排版!》

  用这个Sketch的黑技术让段落自动排版!》

  这是Sketch55Beta的两个新亮点,其他的包括一些性能改进和Bug修复。

  体验过后感觉不是大规模的版本更新,功能比较无味。希望Sketch在以后的版本中给我们带来新的惊喜。

2021-01-27