0文章
0评论
0获赞

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

1,129 0

Sketch最新Beta版本下载

如果想知道59版本的新功能,请看这篇文章《Sketch 59 Beta版本探秘,看看都有什么新功能》

如果想体验Sketch最新Beta版本,请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住,一定不要用在自己的正式文件中,防止修改后,低版本打不开。

Sketch 60要求Mac系统版本是macOS High Sierra 10.13.4及以上,下面是Sketch各大版本对应的Mac系统版本,如果遇到新版的Sketch打不开就需要检查下自己的系统版本。

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

新增组件

这是60版本最大的改变之一。左侧的页面列表现在变为两个标签切换,分别是图层和组件。图层和之前一样,包含页面和画板信息。

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

新的组件标签下是Sketch文档使用的所有Symbol组件,包含包含引入的Library组件库

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

实际上,在一个Library组件库中,除了最基础的Symbol组件之外,文字样式和图层样式也是包含的。因此,60版本也对所有的组件和样式也进行了分类,分别是Symbol、Text Style、Layer Style,可以通过标签进行快速切换。

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

组件和样式的树形结构分类在列表中是以文件夹的形式呈现,所以需要我们养成科学、合理、便捷的命名习惯。

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

在新的组件列表中,对于文档本地组件和样式,我们可以很方便地进行重命名、删除等操作, 而不用再去Symbol画板中一个个寻找修改。箭头指向的就是文档自己的组件和样式。

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

而对于外部引用的Library组件库来说,重命名、删除等操作是被禁止的,除非转为本地组件和样式才可以编辑。

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

同时我们也可以很方便地通过拖拽在介面中使用这些组件和样式,并且在面板下方有对应的预览。 面板最底部也和图层面板一样附带了搜索功能,可以通过关键字快速筛选所需要的组件和样式。

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

组件和样式选择面板更新

对于介面中使用的文字样式、图层样式和Symbol组件,右侧属性面板选择下面增加快捷操作按钮,可以方便地直接进行各种操作。

本地Symbol组件分为分离和编辑模板两个选项。分离即打散组件,编辑模板就会和往常一样进入到Symbol页面进行编辑。

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

引入的Library组件库,其实分两种,一种是本地组件库,在自己电脑中;另一种是远程组件库,通过云端链接引入,比如Kitchen自带的插件、iOS组件等,这两种是有区别的。

本地组件分为本地化、分离、在组件库中编辑三个选项。本地化即把外部引入的组件自动转到目前文档内的组件列表中,变为普通的Symbol。在组件库中编辑就会打开本地对应的的Sketch文档进行编辑操作。

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

远程组件库分为本地化、分离两个选项,和本地组件库相比缺少了在组件库中编辑这个选项。如果需要编辑修改,只能先转为本地才可以。

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

以上是三种组件的区别,其实在图层列表中我们也可以通过组件图标来进行区分。只不过Library中的本地和远程图标都一样的。

此外图层和文字样式的操作也同样进行了面板更新,把修改功能全部外显,操作效果和之前一样。

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

Library设置面板更新

既然Library有本地和远程之分,60版本在设置中对Library管理介面也进行了本地和远程区分。并且,如果自己通过Sketch Cloud加入过团队,那么团队的Library库会自动添加进列表,方便协作管理。不过Sketch的Cloud协作功能需要额外按年付费。

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

缩放工具优化

Sketch作为一款矢量设计工具,本身其实是弱化单位的,比如宽高和距离只有数值没有单位。不过在缩放工具中却包含px单位。

60版本对缩放工具进行了优化,去除了px单位,并且和宽高属性一样支持运算,设置起来更加方便。

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

欢迎窗口新文档位置移动

最后是一个很小的改动,把之前欢迎窗口顶部的新建文档按钮移动到最近使用文档区域,整体更加简洁和整齐。

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

总结

Sketch60版本这次对Symbol组件和样式的管理进行了比较大的更新,方便我们更好更直接地使用这些强大的功能。

如果自己平时在项目设计中就没有使用过Symbol组件和文字图层样式,那么这次更新影响不大。但是作为一名使用Sketch的UI设计师,我们不能仅仅简单地把Sketch当成一个画图工具,而是要充分发挥它的强大功能,提高我们的设计效率。

原文地址:uihacker

评论 (0)
请登录以参与评论。
立即登录

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

532 0

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

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

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

关于Sketch54版本的新功能还不知道的小伙伴可以看这篇虽然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 Beta版本探秘,看看都有什么新功能
Sketch 55 Beta版本探秘,看看都有什么新功能

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

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

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

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

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

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

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

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

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

图层间距调整功能

我们经常会遇到多个对象间距调整的问题,一般情况下间距都是统一的,如果遇到间距修改就需要一个个调整。现在在55版本中选中多个元素,右上角的属性面板中会多增加个间距属性,分为水平和垂直。

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

利用这个功能我们可以同时调整元素之间的间距。也可以把鼠标hover在全选的元素上,间距里面会出现白色的小竖条,通过拖动小竖条来统一改变间距数值,如下图。

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

不过还有一点需要注意,目前只能通过多选元素来调节间距,如果做成组的话功能就无效了,大大降低了实用性。因为正常情况下为了保持图层的可读性和条理性,编组是一个很好的方法和习惯。只能看官方在正式版的时候能否优化这个体验了。

总之是个不错的功能,但是很多插件都已经具备了,比如Kitchen插件的间距功能,Flavor插件的快速复制功能,Anima插件的autolayout功能,Sketch官方在这方面还是慢了很多步,聊胜于无吧。

关于间距、排版方面,Kitchen插件有着更加强大的功能,具体看这两篇文章

以上就是Sketch 55 Beta版本新增的两个主要功能亮点,其他的包含一些性能提升和Bug修复。因为是测试版本,所以大家千万不要使用自己的工作文件中,避免出现问题。

嗯,体验后……感觉……55也并不是一个大规模的版本更新……功能都比较鸡肋……希望在后面的版本中Sketch能给我们带来新的惊喜吧。

END

原文地址:UI黑客

作者:UI黑客

Sketch 55 Beta版本探秘,看看都有什么新功能
Sketch 55 Beta版本探秘,看看都有什么新功能
评论 (0)
请登录以参与评论。
立即登录

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

557 0

Sketch最近一个月都没有新版本的信息,最新的版本是53.2。不过就在这几日,Sketch悄悄发布了54Beta版本,UI黑客在第一时间下载并测试,梳理出了54Beta版本的主要更新点,一起来看看吧。Beta版本是Sketch为了测试用的,一般再过一星期左右会发布正式版。为了区分之前的正式版,Beta版采用了蓝色的大钻石图标

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

官方中文版,从此告别汉化插件

Sketch终于有了官方中文版本,再也不用安装汉化插件了。不过对于习惯英文版的设计师来说可不是什么好消息,打开后直接就是官方中文版。在没有新的英文版插件出现前,如何换回曾经熟悉的英文介面彰显个性呢?

Sketch 54 Beta版调用了用户Mac系统语言。国内大部分用户使用的是中文Mac系统,所以打开Beta后就是中文介面。我们需要这样操作切换为英文版:系统设置-语言与地区-添加英语-重启。之后再打开Beta版本就是英文版了。

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

但这也是临时解决方案,毕竟只有很少的用户使用英文Mac系统。希望大神们赶紧出个英文插件吧。

此外,既然变成中文版了,一些定义快捷键也需要更换,比如我们最常用的收起所有组。英文版的时候是“Collapse All Groups”,中文版就要变成“折叠所有编组”。在设置-键盘-快捷键中设置。

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

现在可以直接切换深色和浅色程序外观

Sketch53想变为深色模式,必须要把Mac系统变为深色。现在可以直接切换,而不用把系统变为深色。

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

画布可以切换为深色和浅色

看惯了浅色的画布?来试试深色的画布吧,虽然深色看起来很奇怪。

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

插入智能对象和文本的时候新增参考线提示

以前版本中,在插入形状的时候会出现参考线,现在插入智能对象和文本时也会出现参考线。

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

新增蓝色测距参考线

之前的参考线是红色的,现在新增了一种蓝色参考线,专门用来测量距离,比之前更加明显。

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

当然了,参考线的颜色是可以自定义的,可以在设置里面的画布选项修改颜色。

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

在用键盘移动图层时,显示参考线和距离

在之前版本中,我们用鼠标移动图层的时候可以显示距离和参考线,键盘移动不显示。现在用键盘移动图层的时候也会显示参考线和距离,方便对图层微调。

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

在拖动文本或形状时,相同的间距会有色块提示

元素之间有相同间距,在拖动的时候元素间会有更明显的色块提示,比之前的线段提示更加明显。

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

数据源功能可以在颜色的图像填充中使用

这个功能UI黑客用的比较少,一般是使用蒙版来填充图片的,这样方便控制尺寸。

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

描边的虚线可以用鼠标拖动改变数值

之前的透明度值、描边宽度值可以用鼠标拖动改变,现在增加了虚线和间隔值的鼠标拖动。

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

新增加了几种画板预设

新增Galaxy S10以及新的iPad尺寸画板。

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

symbol组件增加可以全局显示隐藏的切换功能

以前只能一个个勾选隐藏,遇到很多文本的时候就比较麻烦。现在增加全部显示隐藏按钮。

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

总结

以上就是Sketch54Beta版本的主要更新点,还有一些很小的点暂时无法复现,所以就不列举了。此次更新是在53版本上进行的操作体验优化,新出的中文版让非英文介面用户感受到了Sketch官方的诚意。最后还有一点各位设计师要明确:54Beta版本的文件,用之前低版本打开会有兼容警告提示,大家千万不要用Beta版本打开自己的现有文件,以防后期打不开。

更多Sketch最新情报,请各位持续关注UI黑客。

END

原文地址:UI黑客

作者:UI黑客

Sketch 54 Beta版本探秘,看看都有什么新功能
Sketch 54 Beta版本探秘,看看都有什么新功能
评论 (0)
请登录以参与评论。
立即登录