当我们还沉浸在 Sketch 54 版带来的中文版喜悦中时,还不到一个月的时间,55 Beta 版最近也被官方偷偷释放出来,更新频率比之前加快很,是个现象。
Sketch 54 版的新功能以看篇→《Sketch 54 Beta版探秘,超用新功能等你现!》。
虽然 54 版本了官方中文版界面,但却随系统语言强制使用的。很多小伙伴习惯了英文版之后对此不太应,这里提供一还原英文界面的方法→《还我英文界面!Sketch54设置英文版的方法》。
Sketch 55 版本下载地址: Beta版本地址
需要注意的是,Sketch 55 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及上。面是 Sketch 各大版本对应的 Mac 系统版本,如果遇到版的 Sketch 打开就需要检查自己的 Mac 系统了。
- Sketch 55 系列版本需要 macOS High Sierra 10.13.4 及以上
- Sketch 54 系列版本需要 macOS High Sierra 10.13.4 及上
- Sketch 53 系列版本需要 macOS High Sierra 10.13.4 及以上
- Sketch 52 系列版需要 macOS High 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 格式,然后直复制文件 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 官方在方面还是慢很步,聊胜无吧。
以就 Sketch 55 Beta 版本新增的两主功能亮点,其他的包含一些性能提升 Bug 修复。
体验后觉也并不是一个大规模的版本更新,功能都比较肋。希望在后面的版本中Sketch能给带来新的惊喜。
注作者的微信公众号:「UI黑客」