Sketch 62 Beta版本探秘，看看都有什么新功能！

Sketch 推出 62 Beta 版来迎接 2020。从一月的 53 开始到现在，总共推出 10 个大版更新。下面就一看下 62 版的新功能。

Sketch最新Beta版本下载

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

Sketch 62 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上，下是 Sketch 各大版本应 Mac 系统版本，如遇到新版 Sketch 打不开需要检查下自己系统版本。

智能布局新增最大值和最小值

自从 Sketch58 增了 Smart Layout 智布功后，UI 设计师可很方地通过制作弹性组件来应对各种同状态的需求。

在新 Symbol 组件时，弹窗新增 Layout 选项，共有 7 个属性，分应不图标，下是个属性简单介绍。具体用法可以看下这篇文章：

Sketch62 版的智能局新增最大值和最小值功能，选择局方式，就以在右属面板区域设置。里的最大值和最小值规定智能局对象的两个临界点，以分别单独设置。

水平布局设置宽度的小：

垂直布局设置高度的小：

那么这小对我们的作什么实际作用呢？

两种宽度按钮

这里用图中常见的按钮组件作例子。

经常使用的按钮是固定宽度按钮，和字数多少没关系（当然要在理范围之内）。例如下图，按钮宽度是80，不管是多少字，宽度始终不变。好是整齐、标准，容易排版布局。

固定宽度按钮在CSS代码中，直把宽度写死文字居中即可，比如  width:80px

另一种按钮是弹性宽按钮，两端留固定的边距，字数越多宽越大。好处是灵，遇到极端特殊情况至于本溢。

弹性宽按钮在 CSS 代码中就写具体的宽数值了，而是要使padding-left和padding-right，即左边距和右边距。例如上图的弹性按钮可写成

padding-left:16px
padding-right:16px

最小宽度的弹性按钮

是在实工作也会遇到这样问题：正常数，常见2、3、4个，按钮宽度固定，比如始终保持80宽，这样可以满足大多数需求。遇到极端情况，比如8个，我们需要让按钮两端始终保持边距16，宽度跟着数多少走，不能小于80，这个该怎么办呢？

在Sketch62版之前，我们以设置按钮为水平智能局，字数少宽度小，字数宽度就长，果想持一个最小宽度，比2、3、4个字持80的宽度，么我们需要手动拉伸按钮，但样的破坏弹宽度，治标不治。

Sketch62版更新的最大值和最小值功能就以完美决个问题。

比如设置宽度小80，就这智能布局规了对应按钮Symbol小宽度80，不能再小了。接下试改变数字。

可以看到，由于设置了小宽度80，按钮中即使只一字，宽度也会始终不会小于80，这就小的作用。

最大值同的道理，只要置好对应数值，在不动拉伸的情况下，宽度不会超过置的最大值。

实际上，Sketch这次增的最大值和最小值，如宽，对应CSS中的max-width和min-width两个属性，是Web前端中较的。

文档保存优化

Sketch62中保存档时会增两个项，分别是：保存在本地电脑和保存在Sketch Cloud。

还有其的一些更新点，也主要是对Sketch Cloud 的优化，可见在Figma的追赶下，Sketch也逐步重视云端的相关功能。

总结

前有Figma的攻城略地，后有Adobe XD的紧追不舍，2020年Sketch将会给UI计带来哪些新功能和新的计工作流呢？让拭目以待。

注作者的微信公众号：「UI黑客」