Sketch介绍

Sketch是一款针对于界面设计的矢量绘图软件，暂时只可以适用于OS系统，即苹果电脑系统。
目前在一线互联网公司已经使用得非常普遍了，产品经理、设计师、程序猿人人都可以使用。
一方面是因为这款软件易学易用，另一方面是它的出现大大提升了工作效率。

Sketch的复用样式、操作流、开源插件和非常方便的导出功能，使得它被推广为界面设计类核心软件之一。

Sketch相对于Ps、Ai的优势

简单易学，不需要其他软件学习基础。
及时自动保存功能。
矢量绘图，在矢量图和位图之间相互切换不会失真。
可以建立多个画板，适合于大量界面同时操作。
“复用样式/符号”功能可以批量修改界面元素。
画板无限放大。
倍率导出功能自动换算图像尺寸。
新建画板时提供不同尺寸的设备模板。

Sketch安装及使用

Sketch安装

官网安装

Sketch使用

打开 Sketch 进入欢迎界面右侧为软件设定的常用模版规格

Sketch介绍

2.新建画布进入工作界面

Sketch介绍

Sketch的界面重要包含五部分的内容：page，layer，画板，检查器和工具栏。

界面为经典的三列视图，左边是页面，图层等等的操作。中间是空白的
工作区（画布可无限放大），右侧是属性栏，我们可以在这个界面中调
节元素的各种属性

Page：页面管理；

Layer：页面下的图层；

Artboard：画板，快捷键A，内置了多种尺寸的画板；

检查器：

通用属性：可调整大小。
样式属性：填充（颜色、图片），模糊、渐变、阴影等效果。

工具栏

右键工具栏选择customize可以自定义工具栏。

Sketch中画布

sketch的画布是无限大的，也就是说一个画布里面能放置很多个画板
一个sketch文件中能新建多个页面，而每个页面中又可以添加多个画板

一个skech文件中新建多个页面—page 点击右上角“+”新建页面

按住option键的同时鼠标左键拖动画板，即可进行复制
在左侧的图层区域可以修改画板的名称，双击即可进行修改快捷键：Cmd + R
删除画板：选中画板——右键Delete/直接按Delete键
- 背景默认是透明的，勾选上之后，改颜色才能导出的时候才能有颜色的背景或者自己在最下面画一个背景

view基础操作

图形

直线的快捷键 “L”，
钢笔的快捷键“V”，
圆形“O”，其他都差不多
没有快捷键的，单击左上角的“+”号。
那个星星的图案，想增加或者减少星型的角数，在右边检查器当中输入要的个数，如图：

快速进入页面元素的编辑模式（可调节锚点）

方式1：双击
方式2：选中元素按回车键
方式3：工具栏点击

进入编辑模式后可以单独针对某个锚点进行编辑

四种锚点显示方式，对应的快捷键分别是 1 2 3 4

两段路径的链接操作

layer——path——join

Sketch介绍

旋转/镜像画面元素

旋转

方法1：快捷键 command+shift+R 呼出旋转模式，鼠标放在端点处可旋转
方法2：选中页面元素在右侧属性栏操作

Sketch介绍
方法3：按住command键鼠标放在端点即可实现旋转

方法4：在工具栏中进行操作
Sketch介绍

镜像

可在右侧属性栏中进行操作

Sketch介绍

自定义sketch工具条

在上方工具条的任意位置，右键
选择Customize Toolbar

常用的工具直接拖拽到工具条，不想用的直接从上方的工具条中拖拽下来

检查器

对齐方式命令在右侧属性栏的最上方

Sketch介绍

认识填充面板和描边面板

填充面板

拾色器
Sketch介绍
点开拾色器面板可以看到拾色器面板的操作选项还是比较多的，下面分别讲解

选择填充方式，从左到右侧依次是：纯色、线性渐变、径向渐变、角度渐变、图案填充、杂色

Sketch介绍
上面色条调节色相，下面色条调节透明度

鼠标放在“A”上面可以左右滑动调节透明度

鼠标点击“RGB”可以切换为“HSB模式的色值”

Sketch介绍
这个部分是存储的颜色，点击“+”可以将当前颜色添加到色板

Sketch介绍
线性渐变的调节：在渐变色的色条上面双击可以添加色块，选中色块按delete可以删除

在图案填充模式下，点击“choose Image”可以选择本地电脑上的文件进行填充。点击“Fill”下拉框可以选择填充样式。

点击填充面板右上角的“+”可以给页面元素添加多层填充