赞助商
立即赞助

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

设计神器3年前 (2021)发布 流光
2.5K 0 0

当我们还沉浸在 Sketch 54 版带来的中文版喜悦中时,还不到一个月的时间,55 Beta 版最近也被官方偷偷释放出来,更新频率比之前加快很,是个现象。

Sketch 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代码直接粘贴为SVG形状

在使用矢量图标的候,经常会一些网站去下载 SVG 格式,然后直复制文件 Sketch 中使用。比如 Iconfont 这个网站,相大家都不陌生,面的图标提供 SVG、PNG、AI 三种格式,贴心。

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

本次 Sketch 55 版本新增了 SVG 代码直粘贴为 SVG 形状这个功能。只要拥有 SVG 图标对应的代码,就可以直复制 Sketch 中显示为形状。比如下面这个例,直把 UI黑 logo 的 SVG 代码复制 Sketch 中即可使用。

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

假如在 Sketch 54 及以前版本中这做,会粘贴为一大堆代码。

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

不过,实际工作中直下载 SVG 文件粘贴 Sketch 会比拷贝代码更方便。起来是一个比较肋的功能,但如果遇无法直下载的 SVG 图标,就可以用它了。

拿 Iconfont 页的 logo 做例子,本身是个 SVG 图标而是正图片格式,我们无法直接另存为使,查看页元素是一堆代码。那如何获取这个图标的件呢?

可以这么做:在 Chrome 右键查看元素,找到 svg 开头标签,右键 – Copy – Copy element,然后粘贴到 Sketch 可以看到形状了。

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

关于 SVG,于我们设计师来说是个矢量图片格,它本身是指可伸缩矢量图形(Scalable Vector Graphics),使用 XML 格定义,是 W3C 个标准,被绝大部分浏览支持。格结构有类似于网页 HTML,也可以简单理解为代码可视化。

图层间距调整功能

我们经常会遇到多个象距调问题,般情况下距都是统,如遇到距改需要个个调。现在在 55 版本选多个元素,右上属性板会多增加个距属性,分为平和垂。

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

利用这个功能我们可以时调元素距。也可以把鼠标 hover 在全选元素上,距里会出现白色小竖条,过拖动小竖条来统改变距数值。如下图:

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

不过有需要注意,目前能过多选元素来调节距,如做成组话功能效了,大大降低了实用性。为正常情况下为了保持图层可读性和条理性,编组是个很好法和习惯。能看官在正版时候能否优化这个体验了。

总之是个不错的功能,但是很插件已经具备,比 Kitchen 插件的间距功能,Flavor 插件的快速复功能,Anima 插件的 autolayout 功能,Sketch 官方在方面还是慢很步,聊胜无吧。

以就 Sketch 55 Beta 版本新增的两主功能亮点,其他的包含一些性能提升 Bug 修复。

体验后觉也并不是一个大规模的版本更新,功能都比较肋。希望在后面的版本中Sketch能给带来新的惊喜。

注作者的微信公众号:「UI黑客」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Sketch 58 Beta 版本已于近期推出(其实最近一段时间已更新了好几个测试版),官方终于推出 Smart Layout 智能布局,让 Symbo...
sketch
这一部分主要是针对设计团队中库管理者或设计系统维护者,介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信...
sketch
在疫情日益严重的当下,很多设计师应该都在家中远程工作。当然了,不要忘记多锻炼,增强自身免疫力才是王道。同时学习也不能...
sketch
用Sketch做界面设计也有些年头了,一开始无情的工具人全程手动加复制粘贴,至于速度么,全看手速了。后来学会了一些偷懒的技...
sketch
11 月还没结束,Sketch61 就已经出来了,距离 60 版本发布才半个多月。下面就一起看下 61 新增了哪些功能。 Sketch最新Beta版...
sketch
自从 2018 年 5 月 Sketch50 版本发布以来,经历一年半,Sketch 版本号终于迈进 60 大关。Chrome 78 在旁边瑟瑟发抖…… 最近 ...
sketch
Sketch 除了正式版之外,也会提前放出 Beta 版用来测试。为了和正式版的黄色钻石区分,Beta 版图标是一个蓝色大钻石。目前,S...
sketch
Sketch 推出了 62 Beta 版本来迎接 2020。从一月的 53 开始到现在,总共推出了 10 个大版本更新。下面就一起看下 62 版本的新...
sketch