移动开发工程师-用户界面设计与体验-Sketch_矢量图形绘制与编辑技巧.docxVIP

PAGE1

PAGE1

Sketch基础操作

1创建和打开Sketch文档

在开始使用Sketch进行矢量图形的绘制与编辑之前，首先需要掌握如何创建和打开Sketch文档。Sketch是一款专为UI/UX设计师设计的矢量图形编辑工具，它提供了直观的界面和强大的功能，帮助设计师高效地完成设计工作。

1.1创建Sketch文档

启动Sketch应用：在你的Mac上找到并打开Sketch应用。

选择新建文档：在Sketch的主界面，选择“文件”菜单下的“新建”选项，或者直接使用快捷键Command+N。

设置文档参数：在弹出的新建文档对话框中，你可以设置文档的尺寸、分辨率、单位等。对于初学者，建议使用默认设置，即1024x768像素，分辨率为72ppi，单位为像素。

选择画板：Sketch允许你在一个文档中创建多个画板，这在设计多个界面或元素时非常有用。在新建文档对话框中，你可以选择是否创建画板，以及画板的尺寸和数量。

保存文档：创建完文档后，选择“文件”菜单下的“保存”选项，或者使用快捷键Command+S，为你的文档选择一个保存位置和文件名。

1.2打开Sketch文档

启动Sketch应用：确保Sketch应用已经打开。

选择打开文档：在Sketch的主界面，选择“文件”菜单下的“打开”选项，或者使用快捷键Command+O。

选择文档：在弹出的文件浏览器中，找到你想要打开的Sketch文档，然后点击“打开”按钮。

2熟悉Sketch界面与工具栏

Sketch的界面设计直观且用户友好，主要由以下几个部分组成：

菜单栏：位于屏幕顶部，提供文件、编辑、视图、插入、对象、图层、组件、插件、窗口、帮助等菜单选项。

工具栏：位于屏幕左侧，包含各种绘图和编辑工具，如选择工具、矩形工具、椭圆工具、多边形工具、钢笔工具、文本工具等。

画板：位于屏幕中央，是绘制和编辑矢量图形的主要区域。你可以创建多个画板，每个画板可以代表一个不同的设计界面或元素。

图层面板：位于屏幕右侧，显示当前文档中的所有图层。你可以在这里调整图层的顺序、可见性、锁定状态等。

检查器面板：位于屏幕右侧，提供对当前选中图层的详细属性编辑，如位置、大小、颜色、边框、阴影等。

2.1工具栏使用示例

2.1.1矩形工具

矩形工具是Sketch中最常用的工具之一，用于绘制各种矩形和正方形。

选择矩形工具：在工具栏中，点击矩形图标，或者使用快捷键R。

绘制矩形：在画板上，点击并拖动鼠标，即可绘制一个矩形。如果你在拖动鼠标时按住Shift键，可以绘制一个正方形。

调整矩形：绘制完矩形后，你可以使用选择工具调整矩形的位置、大小、角度等。你也可以在检查器面板中，调整矩形的边框、填充、阴影等属性。

2.1.2文本工具

文本工具用于在画板上添加和编辑文本。

选择文本工具：在工具栏中，点击文本图标，或者使用快捷键T。

添加文本：在画板上，点击并开始输入文本。你可以在检查器面板中，调整文本的字体、大小、颜色、对齐方式等属性。

编辑文本：双击文本图层，即可进入编辑模式，对文本进行修改。你也可以在检查器面板中，调整文本的属性。

2.2图层面板使用示例

图层面板是Sketch中管理图层的主要区域，你可以在这里进行图层的创建、删除、复制、移动、合并等操作。

创建图层：在图层面板中，点击“+”按钮，即可创建一个新的图层。你也可以使用快捷键Command+Shift+N。

删除图层：在图层面板中，选择你想要删除的图层，然后点击“-”按钮，即可删除该图层。你也可以使用快捷键Command+Delete。

复制图层：在图层面板中，选择你想要复制的图层，然后点击“复制”按钮，即可复制该图层。你也可以使用快捷键Command+D。

移动图层：在图层面板中，选择你想要移动的图层，然后点击并拖动图层，即可调整图层的顺序。你也可以使用快捷键Command+[或Command+]，将图层向上或向下移动。

合并图层：在图层面板中，选择你想要合并的图层，然后点击“合并图层”按钮，即可将多个图层合并为一个图层。你也可以使用快捷键Command+E。

2.3检查器面板使用示例

检查器面板是Sketch中编辑图层属性的主要区域，你可以在这里调整图层的位置、大小、颜色、边框、阴影等属性。

调整位置和大小：在检查器面板中，你可以看到当前选中图层的位置和大小属性。你可以直接在属性框中输入数值，或者使用鼠标拖动图层，调整图层的位置和大小。

调整颜色和边框：在检查器面板中，你可以看到当前选中图层的颜色和边框属性。你可以直接在颜色框中选择颜色，或者在边框框中调整边框的宽度、颜色、样式等。

调整阴影：在检查器面板中，你可以看到当前选中图层的阴影属性。你可以直接在阴影框中调整阴影