更智能和灵活的元件-Sketch39新功能讲解

作者:静电        发表时间: 2016-07-20         文章来源:点击访问

在整个华北华东都被大雨瓢泼的傍晚,静电好想唱一句:“就算大雨让整个城市倾倒,公司照样算你迟到……”(心塞啊。) 不过今晚为数不多的好消息就是,Bohemiancoding团队发布了最新的Sketch39版本,什么?你问我为什么不是三点九而是三九,原因就是它们跟999感冒灵合作了(暖暖的,很贴心~),反正暂且叫3.9吧。这个全新的版本离4.0又近了一步。那么这个新版本到底有哪些新特性呢?来看看静电为大家做的介绍吧:

 

智能元件(符号/组)缩放

嗯,这个功能怎么说呢,很多人应该已经期待很久了吧。小伙伴们在做多设备适配的时候,是不是更开心啦?具体这个功能是干啥的呢,来看看下面的这段动画。


也就是说,如果你的组或者元件中有文本内容,那么我们在缩放这个元件或者组的时候,其中的文本内容会随着组的宽高进行自动适应。这样我们就可以比较方便的查看和适配不同分辨率手机的显示效果了。

Sketch提供了四种适配方式,要改变适配方式,选中元件或者组里的文本图层,右侧的属性检查器中即可出现四种适配模式的选择。


这四种模式分别是:

1. 伸缩(Stretch):调整图层尺寸,但是保持图层原始坐标位置不发生变化

2. 固定中心点(Pin to corner):一般情况下,图层的坐标点为左上角。如使用这种方式,那么将以图层中心的位置作为固定来适配内容。

3. 缩放(Resize Object):当图层的父图层被改变大小时,内部的子图层大小也会跟着变化。这是一种最常见,大家也最熟悉的缩放方式。在你需要让子图层的位置保持一致的时候,这是一种最理想的缩放方式,因为它跟图层尺寸无关。

4. 在内部浮动(Float in place):图层大小不发生变化,但是图层的位置百分比数值会保留。

另外,你不需要通过建立多个元件的方法来适配不同的屏幕大小了。通过Sketch3.9版本内置的iOS UI Design模板(通过菜单File > New From Template > iOS UI Design打开),我们可以来尝试下这种调整所带来的改变。比如你随意调整一个Navigation Bars,看看效果吧!(动画文件稍微有些大,请稍等片刻)

Sketch Cloud(云分享)

在Sketch3.9Beta版本中,我们已经尝试过这个云分享功能,在之前,我们只能将自己的文档分享给在局域网中的其他人,那么通过Sketch Cloud功能,你可以将设计稿分享给任何一个在互联网中的朋友。多么让人激动的功能,静电推测Sketch将在未来的版本中发力云分享,或者标注功能,类似于Zeplin所作的事情,当然,这只是个人猜测。

Sketch Cloud功能目前仍在Beta中,在使用它之前,你需要注册一个账号。在首选项面板中,我们可以看到你最近分享的Sketch文档,或者注册,注销一个账户。请注意,Cloud仍在Beta过程中,上传的文档只能保存30天。

将文档上传后,会得到一个诸如“http://share.sketch.cloud/XeKp/”样式的网址,你可以将此网址发送给任何人查看。目前网页版查看文档的功能相当有限,只能预览画板,并不能进行标注或者切图等工作,期待Bohemiancoding在未来有更牛的功能出现。

其它新特性

1. 在任意图层上右键,会看到一个“Replace With”菜单,通过此菜单可以将此元件或者图层替换为另一个已经存在的元件。

2. 图片填充模式中增加了“Fit”模式。

3. 导出画板为PDF时,可以选择从左到右,从右到左,从顶部到底部或者从底部到顶部的顺序。你可以在首选项面板中调整它们。

4. 可以通过Fn+左右方向键来快速切换画板。

5. 在Scale面板中,你可以指定缩放原点。

最后需要注意

你的Mac系统需要赶紧升升级啦,Sketch3.9只支持Mac OS10.10及以上版本哦。(坚持不升级的保守用户估计要哭了)

如何下载Sketch3.9

你可以通过Sketch的自动更新功能更新软件,也可以访问SketchChina中国社区,静电已经将官方安装包放置在网盘中,方便大家快速下载。更多内容,也欢迎大家去Sketch中国社区讨论交流。