sketch 新手入门(中文版)-2 基本层


层 Layer Basics

层是在sketch中建立任何模块的最小单位,形状,群组,艺术板都是不同类型的层。

一.添加层 

如果要添加层,点击在工具栏中的插入按钮,在那你可以选择任何你想添加的层元素。

二.选择层

如果要在画布上选择一个层级元素,点击一下即可,当你点击后,会发现在周边会出现操作面板。同时,也可以在左边的层列表中点击名字,从而选择对应的层元素。

Tips:如果你不能在元素周边看到任何控制器时,你可以在视口->画布->显示图层选择框。

三.多选

当你要选择多个层的时候,点击并按住shift键即可,如果你要取消选择,也只需按住shift键。

你也可以选择点击然后拖拽,同样可以选择多项。通常情况下,只要在选择框粘连的地方就会选中,但是如果按住option键再操作的话,就可以只选中全部在选择框中的元素。

四.选择叠加的元素

当元素叠加在一起不是特别好选择的时候,摁住option键再点击要选择的元素会选中到第二层的元素。

如果你要选择两层或者两层以上的元素,你可以右击,点击选择图层,勾选自己要选择的图层。

五.给层编组

通过将多个层组合在一起,可以同时移动和调整它们的大小、切换它们的可见性或调整它们的属性(如不透明度和混合模式)。

#如何创建群组

要创建一个群组,选中他们然后快捷键command+G,你也可以在上方工具栏选择排列->编组

#如何在群组中选择层

当你单击群组时,群组是作为一个整体的,如果要想选中其中的一个层,需要双击群组,再在其中选择你希望选中的层元素,你也可以按住command键,在点击群组中你希望选中的层。

*若要在整个文档中禁用此功能,并在不首先双击的情况下自动选择组中的层,请选中“草图首选项”中“层”选项卡下的“为新组启用单击通过”复选框。还可以通过选择一个组来启用此功能,方法是选中检查器中的“单击时选择组的内容”选项。

六.移动层

如果要移动层,只需简单的单击想要移动的层并且拖拉即可。如果你想要限制它移动的方向是跟随轴的,那么摁住shift键,当你拖拽时。同样的,如果你想要移动的层在别的层之下,那么却照你选择了它即可。

Tip: 草图会自动对齐要移动到相邻图层的图层。如果没有发生这种情况,请检查是否在“视图->画布->显示所有辅助线”中启用了辅助线

#如何整齐地分布和排列多层

使用排列->整理按钮,可以快速地将多个层分布并对齐成一个整齐的网格,其中包含分布的行距和列间距,网格将填充所选内容的空间,草图将尝试在行和列中均匀地排列层。

#如何用智能排列移动多层

使用Smart Distribute(整理),您可以在水平或垂直方向上快速调整多个层之间的均匀间距。要执行此操作,请选择两个或多个层,然后单击并拖动它们之间出现的句柄。如果图层排列在网格中,则可以调整水平行中每个图层之间的间距以及行之间的垂直间距。

如果层分布不均匀,则不会显示智能分布。若要解决此问题,可以手动均匀分布图层,也可以使用“整理”按钮

smart tidy

*注意:对于非常小的选择,或者当您被放大到远离您的选择时,智能分发控制柄会隐藏以使层本身更容易看到。

#在智能整理中交换层的位置

当您选择了一组层之间间距均匀的层时,可以单击并拖动显示在任何层中心的圆形控制柄,将其移动到该选择范围内。它周围的图层将自动与移动的图层交换位置。这也适用于整个艺术板,使它方便地重新排列画布上的整个流。


sweep layers

七.复制层

选中你要复制的层,然后按快捷键command+D就可以在原本的层上方新建一个副本(原位复制)或者当你拖拽的时候按住option键,创建副本。

Tips:如果你按住option键后在点击command+D,就可以立刻复制前面的步骤。

八.排列层

可以使用检视器顶部中的六个对齐按钮对齐图层


Left to right: Distribute horizontally, distribute vertically, align left, align horizontally, align right, align top, align vertically, align bottom.

sketch会帮助你排列这些元素(仅限当使用艺术板的时候)

如果选择两个或多个图层,则sketch会将所有内容与最大图层对齐。若要覆盖此层并将对象与特定层对齐,请选择该层并将其锁定(⌘+⇧+L),按住⇧键以保持锁定层处于选中状态,然后选择要对齐的对象。

要将选定的两个或多个图层与艺术板对齐,请选择图层,按住⌥,然后单击要使用的对齐按钮。

九.分配层

可以使用检查器顶行的专用按钮垂直和水平分布图层。或者也可以分别使用Ctrl+⌘+V或Ctrl+⌘+H。(主要是将中间的元素进行等距分配)

或者,可以使用“生成栅格”工具以固定间距分布图层。

每种方法都考虑了像素拟合。

十.为层重新设置大小

要调整层的大小,选择它,然后单击并拖动它的任何选择手柄。图层侧面的手柄将调整高度或宽度,而拐角处的手柄将同时调整高度和宽度

按住shift将按比例调整图层的大小,使其高度和宽度保持相同的比例。

按住option键将从层的中心调整层的大小。

#为层重新设置大小(在检视器中)

也可以通过选择图层并在检视器中键入其尺寸来调整图层的大小。(常用)

默认情况下,这将从层的左上角调整层的大小,但可以使用以下键盘快捷键进行更改:

快捷键

同时,检视器也允许在输入框中进行简单的数学运算,比如+/-/*/ / (加减乘除)

还可以使用百分比更改层相对于其组或艺术板的高度或宽度。例如,在960像素宽的艺术板中将层的高度设置为10%会将其宽度更改为96px。

最后,如果要编辑圆角矩形的角半径,可以使用(分号);为每个角指定不同的值(例如30;40;20;30)(同前端设定 顺时针方向)

#为层重新设置大小(使用键盘)

为了更精确的调整,你可以通过键盘来选择和调整。

键盘快捷键

十一.缩放层

调整图层大小时,应用的任何样式(例如笔划、边框半径或阴影大小)都将保持不变。若要使它们与层大小成比例缩放,请按“图层>变换>缩放…”或按快捷键⌘+K。

在“缩放”菜单中,可以选择图层是否从其中心、边或角调整大小。


可选择缩放中心点

#调整约束大小

检查器中的大小调整约束允许您选择在调整其所属的艺术板、组或符号的大小时图层的行为方式。

Tips:默认情况下,sketch将调整组或符号中相对于其父级的层的大小,包括任何填充。

如果希望层相对于其所属的艺术板调整大小,请选择艺术板本身,并在检查器中选中“调整大小时调整内容”。

若要设置调整大小约束,请在艺术板、组或符号中选择一个图层,以在检查器中显示调整大小约束控件。

右边的控件允许您设置层将固定到父层的哪些边,而中间的控件允许您设置层的高度和宽度是应拉伸还是应保持固定大小。在右侧,有一个预览,显示您选择的控件如何影响层的行为。

#锁定大小

锁定大小帮助一个界面随着页面的宽度变化为改变自身的大小,跟随父级元素变换。(前端基础知识)

#锁定到边缘

“固定到边”可固定图层与其父对象的特定边或角集之间的距离无论父对象的大小如何调整。

这很有用,例如,如果界面中有一个浮动操作按钮,将其固定到顶部和左侧边缘将确保它与艺术板的角保持相同的距离。(前端基础知识)

《--以上

你可能感兴趣的:(sketch 新手入门(中文版)-2 基本层)