编辑:等等    发布日期:2020-10-28 00:00:00

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

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

关于Sketch54版本的新功能还不知道的小伙伴可以看这篇《Sketch 54 Beta版本探秘,看看都有什么新功能》。虽然54版本带来了官方中文版界面,但却是跟随系统语言强制使用的。很多小伙伴习惯了英文版之后对此不太适应,这里提供一个还原英文界面的方法《还我英文界面!Sketch54设置英文版的方法》

本次的Sketch55版本可以到这个地址下载体验 https://www.sketch.com/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能给我们带来新的惊喜吧。

END

 

 
Sketch Mac版 SketchMac版是Mac上一个创新和新的眼光看待矢量绘图软件。SketchMac版以简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具;您可以免费下载。 简体 · 53.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 外媒报道称,英特尔正在与全球最大的芯片制造商台积电(TSMC)接洽,准备将自己的芯片制造业务外包出去。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 根据外媒报道,上季度中国大陆地区iPhone 12销量达到1800万,苹果拿下20%智能手机市场份额。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 据外媒报道,高通公司1月13日以14亿美元收购芯片初创公司Nuvia。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 B站确定已在港提交上市申请;英特尔CEO 斯旺将于2月15日辞职。

相关教程

更多
Sketch一键导入AE工具–AEUX 发现了一款非常好用的插件,它的前身是Sketch2AE,花了一点时间研究了它的使用方法,好东西当然要大家一起分享!目前没找到汉化版,不过功能也不是特别复杂,分享出来是希望能提高大家平时在设计中的效率,如果有说的不对的地方还请帮我指正一下,谢谢~~   先简单看一下基本功能   一、基本功能 (一)一键复制所有图层到AE 1.装好插件后,打开sketch,选择 插件>AEUX,打开插件面板,再启
超全面的sketch基础知识汇总,带你入门 刚接触sketch这款软件的时候,针对最基础的知识点做了非常全面的笔记,方便日后查看,今天拿出来分享给大家,希望能够给刚接触这款软件的设计师朋友些许的帮助! 这是我在刚接触sketch的时候做的超全面的笔记,今天分享大家。(公众号“UI充能站”出品,搜索i-lifeway进站)   目录 · Sketch中画布的概念 · sketch中的快捷键 · view基础操作 · 形状之间的布尔运算 · 设置页面元素放大缩小
【神器推荐】教你Sketch一键转成PSD! 现在大部分的UI设计师们都是在用sketch设计页面,它的轻量、插件、组件是能够极大提升我们的设计效率。但是,有一个致命问题就是,sketch和adobe爸爸家的软件不兼容,因此,不同软件的文件如何转换就是问题了……   神器网址 这里推荐一个神奇的网站:https://www.photopea.com/ 这个网站可以帮助我们把sketch转PSD。 之前用过的朋友会发现:当我们直接使用它转换时,中文字体会直接变成口口口(
sketch秘技:如何利用symbol一秒更换配色 首先看个见者伤心闻者落泪的例子:假设这个是你们公司的产品,从0到1,历经千辛万苦!你终于把所有页面都做完了!   你很高兴:终于做完了~算一算调休假年假,休息一波走起! 就在这时……,产品/老板跟你说:我们产品不用这个红色了,太俗气!换成蓝色! 你数了数自己的83张界面……,你痛苦的摸摸自己那不再浓密的头发……,你开始一张张的改啊改啊改啊改啊...... 而隔壁公司的小明说:老板,给我1秒种,你看是不是

相关软件

更多
  • Birdfont Mac版 英文. 29.00 MBM · BirdfontMac版是Macos平台上的一款可以制作自己专有字体的软件,这款软件可以制作出自己独有风格的字体,这是一款免费的软件,你可以在这款软件上发挥出自 ...
  • Plant Mac版 英文. 22.00 MBM · PlantMac版是Mac电脑上的一款适用于Sketch的简单而强大的版本控制插件。PlantMac版可以帮助用户更简单、更智能地管理Sketch文件,它支持保 ...
  • Crash Course Mac版 英文. 3.00 MBM · CrashCourseMac版是Mac电脑上的一款AdobePhotoshop视频教学软件。CrashCourseMac版内含超过440个AdobePhotos ...
  • Screenshot Designer Mac版 英文. 17.00 MBM · ScreenshotDesignerMac版是Mac电脑上的一款设计软件。ScreenshotDesignerMac版可以为应用开发者们创建引人入胜的AppSt ...