本教程将教你sketch 3的基本知识，无论你是否有设计背景。第1部分(你现在正在阅读的内容)主要关注画板和基本形状的创建，第2部分介绍层和文本样式，第3部分介绍符号和导出。下面让我们开始吧！
创建画板首先，确保安装了Sketch 3。通过单击File > New创建一个新文档。当你看到空白屏幕时，请查看左上角的“Insert/插入”菜单。此菜单包含创建新层所需的所有工具。
文章图片
首先创建一个画板，它类似于画布，你选择的大小决定了你导出的图像的最终尺寸。
文章图片
一旦你选择画板工具，你可以自由画一个画板像这样：
文章图片
或者你可以看看右边的检查器栏。如你所见，有几种不同设备大小的预设尺寸，我选择了iPhone 5。
文章图片
注意：如果你需要调整画板的大小，只需选择它的名称并拖动显示在角落上的白色方框。
如果你想看到整个画布呢？让我们尝试使用位于屏幕顶部的工具进行缩放。
文章图片
你也可以通过选择View/视图 > Center Canvas/居中画布，或使用快捷键?+ 1
文章图片
添加形状现在你的画板是完全可见的，让我们添加一个矩形到画板，位于Insert/插入> Shape形状 > Rectangle/矩形中。
文章图片
我在画板顶部做了一个细条，就像移动应用程序中的导航条。
文章图片
下一步，找到右侧菜单，一般又称为“Inspector/检查器”，这里有一个带有复选框的“Border边框”部分，选中取消它以删除默认边框。
文章图片
我们还可以更改边框上方部分的填充，这里使用用#104F8A，你可以在吸管图标下面的框中输入这个数字。
文章图片
【sketch画板和形状 – Sketch入门UI设计教程】注意，如果你点击填充窗口底部的+号，你可以保存这个颜色样本以备以后使用！
推荐阅读
- sketch文本、对齐和SVG – Sketch入门UI设计教程
- 最新面试必备！65个精选React面试题合集 – ReactJS实战教程
- VISA Inc.面试经验（校园内）
- jQuery如何使用css()方法（代码示例）
- 算法（如何实现字符串转换的就地算法（））
- 三星面试经验分享（三星研究院校园，诺伊达）
- Zoho面试分享|S2（校园内）
- 持久系统面试经验（在校园内）
- Django Project MVT结构详细指南