Sketch手册:编组

编组

除了像图形、位图、文本这样的基本图层外,Sketch 还有一些特殊图层类型,它们对图层的整理和导出等工作上非常有用。

本章节包含...

你可对多个图层进行编组,并让它们以一个“层”的样子展现。你可以移动和改变组的大小,同时也可进入组修改每一个图层的属性。

Sketch 当中的编组工具是非常强大的,因为多个组可以再次建为新的组,一起移动或者改变大小。当你改变一个组的大小时,组当中的内容也会相应的调整大小。如果这个组中包含文本信息,那么文本的字体也会跟着缩放大小。

想要创建组,你需要先选中一个或多个图层,然后单击工具栏中的编组图标,Sketch 便会为你创建一个包含所选图层的组,当然也可直接在图层列表里拖拽图层,移动到不同的组里去。

编辑组

当一个组建立后,你可双击它去查看和编辑里面的内容,比如在组内移动单个图层或者直接新建图层。如果你选中了组外的任一对象,Sketch 会自动跳出组以便你选择文档中的其它图层。

此时如果你再选择某一组中的一个图层,Sketch 会自动帮你选中整个组。这和我们创作图形时的子路径是一样的。

穿透选择

默认下,你需要先双击选中组,再点击选中组里的图层。但是如果你按住 command  键,你便可进入组,直接选择想要的图层。

如果你只想将编组工具用于组织图层列表,而不想每次都先双击,你可勾选组的属性检查器中直接选择(Click-through when selecting)选项。你也可在首选项中打开此选项,此时所有新建的组(之前建立的组无效)均可以使用穿透选择功能。

画板

Sketch 里的画板是在无限的画布中建立一块固定大小的画板,但这些画板完全是可选择的。

当设计一个响应式网页时,你会想针对不同大小的屏幕进行设计,这时你就可将每一个屏幕尺寸设定为一个画板。如果设计图标时,你会想限制自己在默认的图标尺寸中创作,同样可将不同的图标尺寸设定为画板。

画板会有一点像一个特殊的,它们永远是开放的状态,你不用双击它才能选中内部元素。画板的大小也不会随着内容增多而自动扩展,如果你已给画板设定了一个固定大小,那么这个尺寸一直保留,直到你再次更改它。

添加画板

要添加新的画板,选择工具栏中的插入(Insert)> 画板(Artboard)或执行菜单命令,当然你也可使用快捷键 A 来创建它们。属性检查器预置了一些常用的画板尺寸,例如 iOS 设备尺寸,常用网页设计宽度,及图标尺寸。

点击这些预置内容即可将设定好的画板添加到画布中,也可选择预置画板组的标题,将所有组内画板都置入画布,你也可在检查器底部点击 + 按钮添加自己的预置画板。

如果你想添加多个刚才置入的新画板,可按 command  + D 的快捷键来重复添加画板。

移动画板

如果一个画板中已经有内容了,Sketch 就不会让你直接选中这个画板,这样你在建立大的选区时不必担心选中了画板。但有时候我们还是有移动画板的需求。

你可直接在图层列表中选中画板,然后在画布上拖拽,或是在属性检查器中更改它的位置和大小。还有一种方式,你也可直接在画布上点击拖拽某一画板左上角的标题,来移动它。

改变画板尺寸

画板可根据内部元素的多少来改变尺寸。只需要选中画板,然后在属性检查器中点击按钮适合大小(Resize to Fit)即可。这种方式尤其适合在手机上预览时需要精确高度来滚动的情况。

Sketch手册:编组 - US - UI设计素材库

网格和标尺

每一个画板都是在画布上相对独立的创作空间,所以每个画板都有自己的标尺和网格选项。当你在一个画布上创作不同大小的画板时,这一点就会非常有用,例如响应式设计下每个断点的画板。

近一步了解标尺、参考线和网格相关知识。

模板

另一个了解画板功能的例子就是官方内置在 Sketch 中的模板了,执行菜单命令文件(File)> 从模板新建(New from Template),如果你选择了 “Mac App Icon” 模板,就会看见官方为每种常用尺寸都创建好了画板。

页面

一个 Sketch 文档内可以包含多个页面(Page)。与其一个页面一个文档,不如将多个相关页面放在一个 sketch 文档中,这样的好处很多。

比如说元件共享样式将在页面中通用,但不能跨文档使用。

另一个多页面的好处就是,虽然每个页面都可轻松编辑 12 个画板,但是取决于不同的内容、大小和数量,你会发现把过多的画板分布在多个页面中会高效很多。

551