图层面板

在设计工具编辑区的左侧边栏,我们称之为图层面板,包含设计稿中的页面、图层画板、组件。

001606179a607fcb41208cc6f31e1d2

在开始详细的学习旅程之前,先对于设计工具中常用到的名词逻辑上的关系进行说明:

页面、画板、图层属于循序渐进的嵌套,页面(page)可以承载多个画板,画板中可以承载多个图层(即元素或者组件)。

在图层面板中可以访问设计稿中的所有图层,下面我们将逐一讲解图层面板中的内容:

页面(page)

在创建设计稿项目的时候,会默认创建一个页面(page1)。在页面中允许你单个文件中创建多个单独的画布。墨刀设计工具允许新建很多个页面,但是页面过多的时候,我们建议你新建设计稿来进行创作。

新建页面

点击下图中的➕,即可创建新的页面。

001606179dde7b0ad67e532b2d99389

页面的使用场景有很多,比如

1、设计迭代:多个页面之间可以作为不同的版本迭代记录

2、多尺寸设备设计稿:可以在不同的页面中针对桌面或者移动设备来进行设计

3、区分设计稿版本

4、创建不同风格的设计稿,整理成册

切换页面以及调整页面顺序

在左侧图层画板中,点击框中的页面即可进行切换。同时还可以鼠标单击页面并拖拽进行页面顺序的调整。

00160617a096b573fd8a8bff641a927

重命名页面

选中页面后,双击即可重命名,命名完成后,回车即可完成操作。

复制页面/删除页面

选中页面后,鼠标右键即可以复制或者删除页面

00160617a2637fd11756959961006a7

图层面板选项卡

图层面板顶部共有两个选项,包含

1、图层面板(Layers Panel)

2、组件

你可以在这两个选项卡中切换。

00160617a40a54d582b0e0e297e0a4a

你在画布中添加的元素、组件或者群组,都会在图层画板中显示。新添加的图层将在列表中的顶部出现,同时如果你将某些组件进行了组合,可以在列表中看到了图层之间的嵌套关系。

00160617a7c3c675cdfe0ad2b86bc85

同时,你可以通过列表中左侧不同的标示来区别是画板、元素、组件(symbol)还是示例。跟墨刀原型工具一样,你可以通过在列表中拖拽组件来调整图层顺序。

00160617ac871e5896986e273043298

鼠标在列表中悬停时,对应的元素会处于选中状态,凸显它在画板中的图层位置。

00160617afd4b1d9b91c0bf1182d005

选择图层与重新排序图层

选择图层并排序的方法有两种:

1、在左侧图层画板中,单击元素列表中的元素,即可选中该元素,同时鼠标按住上下拖拽,即可调整该元素在画板中的图层顺序。

2、直接单击选择画板中的元素,鼠标右键,在菜单中可以选择上移/下移图层,或者置顶/置底操作。

001609a352a29f2f893ef8e61828d09

切换图层可见性

你可以在左侧图层面板中切换图层的可见性。并且图层隐藏后你仍然可以更改图层位置,或调整隐藏图层的属性。

1、将鼠标悬停在图层面板中的图层上,直到出现眼睛和锁图标:

2、单击眼睛图标就可以关闭图层,使图标隐藏;此时画布中将不再显示该图层,该图层也将在图层面板中显示为非活动状态。

3、如果需要再次显示图层,使用鼠标悬停在该元素中,单击闭合的眼睛图标,就可以显示。

00160617b421cec83a742098aca3684

锁定图层

锁定图层的作用是可以防止发生意外的编辑。当图层被锁定时,你将无法与其进行交互,也无法在画布中移动它,但仍然可以在左侧属性面板中更改锁定图层的属性。

同样的,如果锁定的是群组,那么这个组下面的任何子图层也将被锁定,同时也支持单独解锁任何子图层来进行位置的移动。

在左侧图层面板中,鼠标悬浮到锁定的画板/图层上,看到锁的图标出现后,点击即可锁定该画板/图层。解锁的操作也如此

00160617b6548926b0fa47ae4d10182