
3.3.1 Insert(添加)工具
首先介绍Sketch中的Insert(添加)工具。设计师在Sketch中做任何操作,都需要先单击添加工具。
Insert(添加)工具在Sketch工具栏的左端——加号图标,单击该按钮之后出现下拉列表,利用下拉列表中的工具能够创建很多设计中常用的基本元素,比如,形状(Shape)、钢笔(Vector)、铅笔(Pencil)、文本(Text)、图片(Image)、画板(Artboard)、切片(Slice)、热点(Hotspot)、Symbols(元件库)等。在下拉列表的右侧,三角形符号代表该工具还可以继续扩展,字母代表对应工具的快捷键。每创建一个元素,其右侧的检查器中就会显示出当前对应的基本数值。下面通过几个例子带大家了解一下这些工具(画板、形状、文本、图片)的使用。

创建画板:在Insert(添加)工具的下拉列表中,选择Artboard(画板)工具,在界面右侧的检查器中可以看到Sketch提供的各种主流机型。选择一款机型,即可在画布中创建这款机型尺寸的画板(可以创建多个画板,方便后续的设计)。创建好画板之后,在右侧的检查器中可以清楚地看到该画板的尺寸等基础参数。


创建形状:选中刚刚创建的其中一个画板,单击Insert下拉按钮,在下拉列表中,选择Shape(形状)工具,即可在刚刚创建的画板上创建常用的基本形状,如Rectangle(矩形)、Oval(椭圆形)、Rounded(圆角矩形)、Line(线条)等。
以矩形为例,选择Rectangle(矩形)工具,在画板上拖动绘制一个矩形,在界面右侧的检查器中可以查看当前矩形的基本参数,包括位置、大小、不透明度、填充颜色、描边、投影等。

创建文本:在Insert(添加)下拉列表中,选择Text(文本)工具,在画布上单击,即可在显示的文本框中输入文本。同样,在界面右侧的检查器中,可以查看当前文本的基本参数,包括位置、大小、角度、不透明度、颜色、字号、边距等。

添加图片:在Insert(添加)下拉列表中,选择Image(图片)工具,选择一张图片,确定后,这张图片就被添加在画布中了。同样,在界面右侧的检查器中,可以看到该图片的基本参数,包括位置、大小、角度、不透明度、填充、描边、投影、内阴影等。

大家可以自己尝试利用Insert(添加)下拉列表中的所有工具,在画布中创建相应的元素。