Sketch结构
1.1、Page - 画布

你可以把Page想象成一个无限大的画室,这个画室可以有很多个画布。

一个.sketch文件里面可以有很多个Page,点击"+"创建新的Page

1.2、Artboard - 画板

一个Artboard必须存在于一个Page下面,一个Page下面可以有无限多个Artboard

一个Artboard是有大小的。

选中一个Page后,按下快捷键A后,鼠标变成了十字形,右边出现了画板模板的选择页面,如下:

我们可以通过右边的模板选择一个配置好的画板,也可以拖动鼠标,自己拖一个画板出来。

1.3、Layer - 图层

一个图层就是一些最基本的形状,比如文本、图片、三角形、矩形、圆角矩形之类的东西。 就是在Insert工具栏中打开的那些:

一个图层可以放在Page下面,也可以放在Artboard里面。

1.4、Group - 图层分组

多个Layer可以放在一个Group里面。

1.5、常用的组织结构

一个Artboard就是一个我们要做的页面,一个Page下面可以有很多个Artboard, 一个.sketch文件中可以有多个Page,所以,一个Page表达的含义不同,就有很多的结构。

通常,一个应用会经过很多个大的版本迭代,比如v1、v2、v3,我们的一个项目只保存为一个xx.sketch文件, 每个Page就对应于一个版本,那么,结构如下:

其实,通常一个应用的页面会很多,所以,把一个应用的所有页面放在一起会特别难找,所以,通常会进行划分模块,把相关的一些页面 划分成一个模块,一个模块下有一些页面。这时候,我们的Page表示为一个模块更合理,我们一个版本保存为一个文件, 文件名类似如xx-v1.sketch等,结构如下: