为什么要写这个教程

---

今年，我在旧金山举行的大会上担任用户体验设计课程的助教。我在互联网上搜索了绝对初学者的素描教程，但是没有提到任何覆盖所有基础知识而没有提到Photoshop。所以我参加了一个研讨会，为学生们制作了这个教程。

本教程将教您Sketch 3的绝对基础知识，无论您是否具有设计背景。第1部分（您现在正在阅读的内容）侧重于画板和基本形状创建，第2部分介绍图层和文本样式，第3部分介绍符号和导出。让我们开始吧！

创建画板

首先，确保安装了Sketch 3。单击“文件”>“新建”创建新文档。当您看到空白屏幕时，请在左上角查看“插入”菜单。此菜单包含创建新图层所需的所有工具。

插入新图层

首先创建一个类似于画布的画板。您选择的大小决定了导出图像的最终尺寸。

画板工具

选择Artboard工具后，您可以像这样手绘绘制画板：

绘制画板

或者您可以查看右侧的“检查器”列。如您所见，有几种不同设备尺寸的预设尺寸。我选择了iPhone 5。

选择画板

注意：如果您需要调整画板的大小，只需选择其名称并拖动显示在角落上的白色框。

Sketch使产品设计变得非常简单。

如果你想看整个画布怎么办？让我们尝试使用位于屏幕顶部的工具进行缩小。

缩小

您也可以通过选择“视图”>“中心画布”或使用快捷键⌘+ 1来执行此操作

适合画布到屏幕

添加形状

现在您的画板完全可见，让我们添加一个矩形。位于“插入”>“形状”>“矩形”中。

矩形工具

我在画板的顶部做了一个细条，就像移动应用程序中的导航栏一样。

绘制矩形

接下来，找到右侧菜单，官方称为“检查员”。这里有一个“边框”部分，带有一个复选框。取消选中它以删除默认边框。

删除边框

我们还可以更改边框上方部分的填充。我使用＃104F​​8A。您可以在吸管图标下方的框中输入此数字。

改变填充

请注意，如果单击填充窗口底部的+号，则可以保存此颜色样本以供日后使用！

准备好了吗？转到第2部分