zoukankan      html  css  js  c++  java
  • Sketch 55 Beta版本探秘,看看都有什么新功能

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

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

    关于Sketch54版本的新功能还不知道的小伙伴可以看这篇《Sketch 54 Beta版本探秘,看看都有什么新功能》

    虽然54版本带来了官方中文版界面,但却是跟随系统语言强制使用的。很多小伙伴习惯了英文版之后对此不太适应,这里提供一个还原英文界面的方法《还我英文界面!Sketch54设置英文版的方法》

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

    文末安利:

    摹客iDoc,新一代的设计协作平台。从设计到开发,只要一个文档。

    • 快速完成交付、一键上传Sketch的设计稿;
    • 智能标注,鼠标点击即可查看标注数据,右侧面板图层数据一目了然;
    • 一键标记,高清切图自动生成,自动上传,前端工程师也能实时更新切图。

    马上扫描注册,下载iDoc for Sketch插件,即可免费使用:

    体验地址:https://idoc.mockplus.cn/

    本文经授权转载。

    原文作者:UI黑客

    原文地址:http://www.uihacker.com/sketch-55-beta/

  • 相关阅读:
    Head first javascript(七)
    Python Fundamental for Django
    Head first javascript(六)
    Head first javascript(五)
    Head first javascript(四)
    Head first javascript(三)
    Head first javascript(二)
    Head first javascript(一)
    Sicily 1090. Highways 解题报告
    Python GUI programming(tkinter)
  • 原文地址:https://www.cnblogs.com/jongde-0077/p/10836764.html
Copyright © 2011-2022 走看看