Bug还是大动作?-静电为你解读Sketch3.7版本新功能

静电说:Hello大家好,又到了逗比软件Sketch大版本的推出时间。哦不对,不能说逗比,只能说史上更新最快的软件。比如今天下午薄荷面官方在半个小时更新了两个版本的Sketch,哇塞,想想都有些小激动捏。咳咳,严肃点,今天下午的情况是这样的,首先薄荷面官网发布了最新的Sketch3.7版本,哇塞好激动,收到消息的静电第一时间在微博上发布了更新通知(郑重其事的告诉大家3.7版本来了,大家快去下载吧)。然而静电以为事情就这样完了,没想到几分钟之后,薄荷面团队在推上说,不好意思呀我们新发的版本出现了大问题,老版本的文件打不开,所以我们先把发布的版本撤下了你们先等等哈。刚发了微博的我感觉被薄荷面papapa这样的xx了,嗯。好吧,半个小时后继续......
......
那么,再次宣布一下,sketch3.7版本来啦。不管刚才有木有更新新版本的小伙伴,现在,重新下载(http://www.sketchapp.com/static/download/sketch.zip)一份覆盖上吧,这样就可以开心的使用了。否则,老版本的文件你可能打不开哦,就像这样:
1460557452-8154-02mV49h7KZU
什么?你现在还没有升级,那么欢迎点击本页面下方的“阅读原文”,访问Sketchchina.com,可以下载到Sketch从最新的3.7到之前早期的各个版本哦,这样即使不想做小白鼠,你也有后悔药吃咯~
好的,到这里我们的升级就结束了,静电想吐槽下,Sketch你是想破吉尼斯最快软件升级记录还是你根本就是个doubi呢?不开玩笑,一起来跟静电熟悉下Sketch3.7版本的新功能,本次更新的一大亮点就是全新的元件功能了。也是Sketch这次大版本的主要特色。
创新的元件功能
在Sketch3.7版本中,创建元件将使用全新的方式。当我们将某个图层或者组转化成元件时,会直接弹出提示框。点击后,元件就创建完成了,当然我们可以勾选下方的Send Symbol... 将它单独放在page里。
1460557454-1623-02mV49pXunw
元件创建后,我们可以直接双击元件进入元件编辑状态对元件内容进行编辑,点击Return to Instance即可退出元件编辑状态。
1460557454-1044-02mV4APW43c
但是,如果我们在使用同一个元件的情况下,想不修改元件就达到让相同的元件上有不同的文字或者填充效果这样的目的呢,Easy~选中元件,注意属性检查器了吗,直接修改文本内容即可。
1460557454-5031-02mV49vczfU
那么元件中有图像呢?没问题,也可以。将头像+用户名+签名部分设置为元件,复制一个元件,然后到属性检查器就可以在不改变元件本身的情况下修改表现文本和图像啦。
1460557454-4689-02mV49vFXLk
看一下动画演示
1460557454-6717-02mV49rfY6S
另一个要点,元件是可以无限制嵌套的,你可以将多个设置好的元件再次组成新的元件来使用哦。
手动同步样式
1460557460-6557-02mV4DL7lsu
在之前的版本中,大家知道,当我们修改某一个样式的属性,比如颜色,那么所有使用这个样式的内容都会发生改变,但是在sketch3.7中,我们可以对多个使用同一个样式的文本来分辨调整不同的样式而不会引起其他样式的改变。当我们需要再次统一样式的时候,简单的使用属性检查器,样式面板右上方的同步按钮,就可以将所有样式又一次做统一处理了。这不能不说是一点很人性化的改变。
改进的网格设置面板
1460557460-6919-02mV4Aw98gS
回想一下之前版本的Grid Tool的面板吧,这次的面板做了调整,更加人性化,避免了之前设计所引起的混淆。
让画板适合内容
1460557461-7627-02mV4DtTA6y
有时候我们的画板比内容范围大,有时候我们的内容比画板范围大,如果想要画板紧贴内容大小,那么试试这个功能吧。选中画板,那么画板将会自动适应跟内容范围一样大。
插件脚本面板的改进
嗯,对大多数人用处不大,适合插件开发者。增加了语法高亮功能,改进了撤销功能。
1460557459-9666-02mV4CCt2Rc
SVG导出功能的改进
很多人会吐槽Sketch的SVG导出功能不完善,不过SVG这种东西呢,要符合标准还是很重要滴,否则在其他地方就不能使用啦。那么这次Sketch在SVG导出方面增加了对内描边和外描边的支持,同时支持叠加模式的运用,支持噪点填充(Noise Fills),更精确的阴影。而且可以将选中图层的SVG代码拷贝到剪贴板(静电:这个赞赞哒~)
改进的矢量曲线调节杆
其实是调节杆样式的改进,就是告诉你,你选择的哪个把手是哪个,而不会让你晕掉。
1460557462-7954-02mV4CATm1A
缺失字体的处理
请注意,请注意,当我们在一台没有安装设计稿所使用的字体文件的电脑上打开设计稿的时候,Sketch会用最快的速度将它们替换成系统默认字体,然后加上自带的自动保存机制,文本中的字体设置就会变成默认字体,并且再也无法回去(即使这台电脑后期安装了这种字体,但也无法正常显示,因为他们已经被替换为系统字体)。这是老版本的情况,大家应该都有印象。但是,在Sketch3.7版本中做了如下处理,在上面提到过的缺失字体的电脑上打开设计稿的时候,那么Sketch会保留这个字体的属性,直到你手工修改了这个图层。从另一个层面的意义就是,虽然这个文件被别人打开过了,你只要不去修改它,那么文件内字体的默认属性还是存在的,设置为什么字体,就还是什么字体。
这个特性并不是说,在缺失字体的电脑上,这个字体也可以看起来跟你的初衷一模一样了,Sketch只不过是保留了字体属性,并不是字体外观。
其它小问题
由于Sketch新版本对于元件的改动非常大,因此当前版本的Sketch Measure并不能很好的支持此功能,但其它无关元件的功能都可以完好使用,让我们一起为Utom加油,如有最新版的Sketch Measure插件更新,静电会第一时间通过微信公众号(jingdesign91)告诉大家。
附表:静电翻译的Sketch3.7全部更新内容
全新的元件功能
1.我们从头至尾重新设计了sketch的元件功能。他们现在更加快速,并且可以在元件中嵌套元件,更新元件中的图片等等功能。
2.元件可以一层一层的嵌套,随你所愿。
3.如果元件中有图片,你可以在属性检查器的Overrides面板替换图片。
4.元件中文本的替换更加灵活,同样在右侧属性检查器的Overrides面板可以直接替换元件里的文本内容。
5.在文档之间拷贝元件和样式时,不会像之前一样更新已存在的元件和样式,新版本中,sketch会创建一个新的元件或者样式。
其他的更新
1.在Sketch3.7中创建和保存的文件在其他缺失字体的系统中打开的时候,字体外形仍然会得到保留。
2.共享样式现在不会自动同步,以确保减少意外被编辑的可能性。
3.改善了创建网格面板的设计,减少使用之前设计而对用户造成的疑惑。
4.Artboard也可以被解组(其实就是去掉Artboard而保留上面的内容)
5.改善了对象分布功能。当我们不能全像素状态均匀分布对象的时候,系统会问我们要怎么做。
6.在图层之间同步文本样式的时候,现在同样会原封不动的保持其他对象的基线位置。
7.通过一个简单的操作,就可以让Artboard的尺寸适应其内容。
8.Sketch现在会记住不同窗口之间图层列表栏的宽度(也就是说你在不同文件中使用了不同的图层列表栏宽度,下次打开还是会保持这样的宽度哦)
9.当使用键盘按键的方式进入某个组的时候,会默认选择最上边的图层(之前是最底部的图层)
10.Sketch现在会默认记住某个文档你是否打开了Page面板。
11.更新了编辑矢量图形时节点还有调节杆的样式。
12.插件脚本面板做了改善,支持语法高亮,调试,改善了撤销功能。
性能优化
1.改善了使用模糊图层的性能表现
2.优化了使用过多矩形的复杂文档的性能表现
3.优化了使用有角度渐变时sketch的性能表现
4.优化了选择画布上多个图层时的性能表现
5.优化了在复杂的带有蒙版和叠加属性的画布上进行缩放时的性能表现
6.优化了在复杂的文档中插入新图层时的性能表现
7.图层列表的小幅优化调整
8.改善了在鼠标经过文本图层时蓝色高亮选中行为的表现
SVG图像的导出
1.SVG图像导出现在支持单个文件的内外边框和叠加模式
2.改善了SVG图像导出时阴影的精确度
3.在导出SVG图形时会包含图片填充
4.Artboard的背景色同样会被包含到SVG的导出文件中
5.噪点填充(Noise Flii-sketch的一种图层填充选项)也会在导出SVG时被包含
BUG修复
1.修正了Masks菜单在某些情况下不能被选中的问题
2.修正了当使用“文件>导出”时,你当前的选择会被移动到附近的一个可导出图层上的问题
3.修正了在使用取色工具时会出现罕见崩溃的错误
4.修正了在Artboard导出时,即使选择了不包含artboard背景色,但背景色也会被包含进去的bug
5.修正了在切片之外设置网格时引起的崩溃现象
6.修正了在被遮罩图层周围创建Artboard时,这个Artboard在移动后不会被包含进去的问题
7.修正了在图形编辑状态下插入图片可能造成的崩溃问题
8.修正了被重新设置大小的子路径可能会被莫名其妙剪掉的问题
9.修正了当向上或者向下级移动某个图层后,键盘的delete键不工作的问题
10.修正了当把整个页面拷贝到其他文档的时候,里边的共享样式和元件不能被复制过去的问题
11.图层列表上的预览图形现在可以被正确的显示了
12.修正了一个让人感到疑惑的问题:当使用图形编辑模式时,曲线调节杆有时候会影响多个图形,有时候反而不会有此现象
13.修正了关掉欢迎窗口后会引起Sketch崩溃的罕见问题
14.修正了当你移动图层的时候,Make Exportable按钮会消失的问题
15.修正了从Safari拷贝文本图层时会引起文本图层不正常的间距的问题
16.修正了某些情况下图层不能重新排列的问题
17.修正了在粘贴图层样式时可能引起的崩溃
18.修正了当在画布上放置非法的内容的时候,sketch会停止工作的bug
版权信息,转载请务必注明!
作者: 静电@静Design
微信公众号:jingdesign91
原文地址:www.sketchchina.com

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/14193/

(0)
iouedioued
上一篇 2016-04-13 11:02
下一篇 2016-04-13 23:08

相关推荐

  • 课程论文 | 基于用户体验的购物车再设计

    引言PAGE1随着我国经济水平的增长,人民生活水平的不断提高,越来越多的消费者选择去大型超市购物消费,大多数城市居民都养成了定期光顾超市的习惯,把购物同休闲结合起来。体验经济的到来,越来越多的消费者开始关注购物本身是否能带来愉快的体验,这样的体验超出了纯粹的购物,而成为光顾超市目的的一部分。因此,购物不仅仅是出于购物的需求而且还为了获得愉快的体验。而购物车与消费者的购物体验紧密相连。购物车的使用体验对消费者的购物体验影响很大。现有购物车...

    2018-02-13
  • # 干货收藏!一张图教你看懂产品的一生!

    这是Laura Klein创作的一个产品思考图表,你可以在它的指引下一步一步去分析你自己的产品。 思考一下你的产品在每个环节的表现如何,找到较为薄弱的部分,然后想想如何去改善它,接下来就乖乖的回去改线框图吧,把…

    2016-03-15
  • 交互设计前期分析(一)

    在以前还是交互设计师新手时,总会遇到这种情况,给出了一份方案,被产品经理驳回:“虽然能用,但是不够好,要不要参考其他竞品再想想。”接着再东看看西看看,接着给出第二版方案,仍然被说缺了点什么,于是一版接一版地改,最后勉强定了一个差不多的方案。为什么会导致这样的情况呢?今天我们来说第一个存在的原因。如果做交互设计,没有理解产品的业务需求,那么做出来的设计就算是美观、漂亮,也不能成为好的设计,因为没有实现业务诉求。而且,对业务诉求的分析,会影...

    2018-04-17
  • 我们对轮播图的设计,都错了

    作者:Jana@腾讯ISUX   轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮…

    交互专题 2017-08-07
  • 支付宝开大招了,全新支付方式,纹身都可以用来支付了!|走无硬件支付道路

    虽近支付宝和微信支付打得火热,各种促销打折抢占支付市场,这个时候支付宝发大招了!宣布推出全新的支付方式“kungfu”(空付)也和功夫发音相近。 通过支付宝扫描任何一个实物进行授权,例如你身上的一个纹身。然后…

    交互设计 2015-09-10
  • 为什么用户会无视网站首页的轮播图?

    数据显示:在三百万个网站中只有大约1%的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率……到底怎么回事?个中原因相比会让你大吃一惊。

    2017-05-19
  • iOS 9人机界面指南(三):iOS 技术 (下)

    文章索引译者注:本 文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会 陆续更新,敬请期待。

    2017-05-30
  • 当产品进入碎片迭代,设计师可以做些什么?

    也许是刚毕业的你最该看的一篇干货。如果你已经习惯了等别人给需求,然后开Photoshop,再等别人说改哪里就改哪里,肯定谈不上工作成就感。想掌握设计的主动权,证明自己不仅是个画图的,建议把这篇文章提到的3个方法好好实践一番,绝对会有大收获(严肃脸)。

    2017-06-01
  • Axure如何制作圆形加载效果?

    01新建一个矩形,去掉底部边框02调整矩形的圆角半径03设置颜色,命名为“半圆1”04复制半圆,垂直翻转,命名“半圆2”05新建矩形,命名“矩形遮挡”06设置“半圆1”的交互样式07“矩形遮挡”遮挡“半圆1”,“半圆2”隐藏08设置“矩形遮挡”交互样式09点击预览

    2018-03-29
  • UED设计流程和方法

    看惯了淘宝阿里旺旺的UED团队做的图,突然有点冲动,组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员,但我们凭着自己团队合作成立了属于自己的手机客户端UED。 1、需求调研…

    2014-10-29