Sketch 3.7新功能详解

作者: 色娘 | 来源:发表于2016-04-15 13:49 被阅读917次

    Sketch是我工作以后学习的第一款设计软件,轻量级的操作方式让人很喜欢,每次更新都紧追不舍,生怕错过什么新奇实用的功能。

    Sketch 3.7对于Sketch来说是一个非常重要的升级,它带来了全新的元件功能。从3.0开始,我们能够复用元件提高设计效率,但是简单的复用和同步经常无法满足复杂的需求。比如,我希望两个元件中文字的内容与颜色各不相同,操作起来是比较繁琐的。所以Sketch对元件进行了颠覆性的重思考,赋予其更大的应用和扩展空间。

    Sketch 3.7

    Introducing Symbols:https://youtu.be/3fcIp5OXtVE

    以下详细介绍各项新功能:

    1. 全新的元件

    在3.7版本中,元件不再是可以直接修改的group,它以单独的图层存在,双击元件进入元件编辑状态对元件内容进行编辑,点击Return to Instance回到主界面。

    元件编辑页面

    当我们将某个图层或者组转化成元件时,会直接弹出提示框。点击后,元件就创建完成了,当然我们可以勾选下方的Send Symbol to "Symbols" Page,将它单独放在page里。

    新建元件

    使用同一个元件时,如果想不修改元件就达到让相同的元件上有不同的文字或者填充效果的目的,可以选中元件,在右边的属性检查器中直接修改文本内容即可。另外,元件可以一层一层的嵌套。

    属性检查器

    一个元件中包含的内容都会以属性的形式出现在Overrides中,可以看录屏演示:

    Overrides

    2. 手动同步样式

    在之前的版本中,当我们修改某一个样式的属性,比如颜色,那么所有使用这个样式的内容都会发生改变。现在,我们可以对多个使用同一个样式的文本分别调整不同的样式,它们各自独立。当我们需要再次统一样式的时候,通过属性检查器右上方的同步按钮,手动完成样式同步。

    同步样式

    3. 改进的网格设置面板

    之前版本的Grid Tool面板非常笨重,3.7版本摒弃了Boxed设置模式。

    网格设置面板

    4. 均匀分布对象的能力

    如果你在Preference中打开了Align objects to whole pixel属性,那么你可以在分布多个对象的时候拥有更多的控制能力。当对象无法通过数学上的平均而获得视觉上的均衡感时,你可以选择不均匀地分布,或者从视觉上的均匀分布。

    分布图层选项

    5. 画板自动适应内容

    有时候我们的画板比内容范围大,有时候我们的内容比画板范围大,如果想要画板紧贴内容大小,需要手动拖动。新版本中,我们可以选中画板,点击“Resize to fit”,那么画板将会自动适应内容。

    Resize to fit

    6. 插件脚本面板的改进

    增加了语法高亮,改进了撤销功能。这个改进对插件开发者有益,一般设计师用不到。

    脚本面板

    7. SVG导出功能的改进

    很多人吐槽Sketch的SVG导出功能不完善,不过SVG这种东西呢,要符合标准还是很重要滴,否则在其他地方就无法使用。Sketch3.7在SVG导出方面增加了对内描边和外描边的支持,同时支持叠加模式的运用,支持噪点填充(Noise Fills),更精确的阴影。而且可以将选中图层的SVG代码拷贝到剪贴板。

    8. 改进的贝塞尔曲线调节杆

    改进了调节杆样式,就是告诉你,你选择的是哪个把手。

    vector handles

    9. 缺失字体的处理

    之前,当我们在一台没有安装设计稿所使用的字体文件的电脑上打开设计稿的时候,Sketch会用最快的速度将它们替换成系统默认字体,然后加上自带的自动保存机制,文本中的字体设置就会变成默认字体,并且再也无法回去(即使这台电脑后期安装了这种字体,但也无法正常显示,因为他们已经被替换为系统字体)。在Sketch3.7版本中做了如下处理,在上面提到过的缺失字体的电脑上打开设计稿的时候,那么Sketch会保留这个字体的属性,直到你手动修改了这个图层。从另一个层面的意义就是,虽然这个文件被别人打开过了,你只要不去修改它,那么文件内字体的默认属性还是存在的,设置为什么字体,就还是什么字体。

    这个特性并不是说,在缺失字体的电脑上,这个字体也可以看起来跟你的初衷一模一样了,Sketch只不过是保留了字体属性,并不是字体外观。

    原文地址:medium


    欢迎关注色娘的公众号,用精致的知识与无知划清界线!!!!!!

    色娘

    相关文章

      网友评论

        本文标题:Sketch 3.7新功能详解

        本文链接:https://www.haomeiwen.com/subject/fkcnlttx.html