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/

  • 相关阅读:
    我的项目物业收费
    我的项目人员定位
    我的简历
    我的项目证券分析
    MSIL探索-序
    VC++深入详解笔记.cpp
    减少图片分辨率
    PL/SQL Developer 7.1 正式版 完美破解
    Lamp软件环境安装
    CentOS 6.4 安装
  • 原文地址:https://www.cnblogs.com/jongde-0077/p/10836764.html
Copyright © 2011-2022 走看看