一、Sketch的简介
Sketch是什么?
Sketch是一款轻量、高效的矢量设计工具,它在矢量编辑基础上,提供了基本的位图样式支持(例如模糊和颜色调节),支持矩形工具、文字工具、布尔运算等功能。你可以把它看做是简化版的Photoshop。但需要注意的是,Sketch不是一款位图编辑器。这就是说,你如果想做的是照片修正、画笔绘图,这款软件就不合适。
Sketch的优缺点
优点:
小清新颜值高
:界面简洁美好,功能清晰。无悬浮面板,选择一个对象/图层(objects)就会展示对应检查器(inspectors),不会有PS中处理大文件时各种开关窗口情况。无限画布&画板 – 自由度高
:不管有多少画布(pages)都被包含在同一个文档中,还可以在程序内部进行搜索,便于管理大型项目。启动快,运行快
:没有类似于PS的启动画面,节省了等待时间。由于多是矢量文件,因此体量小,运行快。像素级精准
:Sketch中在编辑路径时,可以选择三种对齐方式——不自动对齐像素、以半像素为单位对齐、以1像素为单位对齐像素。灵活的切图和输出
:可以批量输出,还可以自动画出切片大小,可以导出 0.5x、1x、2x、3x、512W 和 512H 的版本,同时还可以自定义不同尺寸的后缀。
缺点:
平台和语言限制
:必须是Mac系统,且只有英文系统支持格式局限
: 不支持:PSD和AI文件,部分支持eps/svg位图处理能力弱
: 只有简单的投影和模糊,没有画笔、滤镜种种,且图层样式只有四种:填充、描边、投影、内阴影(没有常用的内外发光 斜面浮雕)
Sketch的安装
二、Sketch界面
打开软件,创建一个新文档
工作区界面介绍
画板
Sketch 的画布尺寸是无限的,可以向任意方向无限延伸,你将拥有绝对的自由来规划自己的创作区域。工具栏
在工具栏中涵盖了创作当中所需要的所有工具Sketch 的工具栏涵盖了你创作当中所需要的所有工具。- 第一组工具是用来添加新图层的:图形、图片、符号等等。
- 编组 和取消编组能让你有条例的组织文件
- 前置后置是根据你当前图层的位置来决定的
- 旋转,变形 , 通过布尔运算来合并图层
- 第一组工具是用来添加新图层的:图形、图片、符号等等。
不同于其他绘图应用,Sketch把常用工具放在顶端的工具栏,而不是垂直排列的工具箱,但如果需要,你可以通过右击工具栏,进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。
-
属性栏
右侧的检查器主要是用来调样式的。能让你对正在编辑的图层,或者是正在使用的工具——进行参数调整。当你选中一个图层时,你会发现检查器被划分为外观、样式等几个区域。
- 半径 : 用来设置当前图层的圆角程度
- 外观:这里主要是透明度,或者新建一个新的图层
- 样式:给当前图层添加填充色、边框颜色等
-
图层列表
图层列表列出了所在页面的所有图层(和切片),每个图层都会有一个小小的预览。你可以在这里:查看图层是否被锁定,不可见。- 多页面操作:Sketch支持多页面操作,你可以在图层列表上面的按钮里面添加/删除或者转换到其他页面。
- 添加图层:添加图层最简单的方式是直接从工具栏选择一个标准图形。比如选中矩形工具,光标会变成一个右上角有个小矩形的十字图案。这时你只需在画布上单击并拖动鼠标来添加你想要的形状。松开鼠标,随即完成这个矩形,并开始编辑它。
- 同时选择多个图层:你可以按住键盘上的 Shift 键来同时选择多个图层,当你点击其他图层时,之前选中的图层也会为你保留。如果你按住 Shift 键去点击一个已经选中的图层,则会取消选择它。
- 重叠图层:为了让选择某一图层底下的图层更容易,你可以右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表。
- 快速选择组中的图层:编组能方便的管理内容,有时还能预防无意的编辑操作。单击组,整个组会被视为一个图层,双击才会进入组内选择具体图形。
三、Sketch快捷键
单键快捷键
A | 创建画板 |
---|---|
A | 创建画板 |
T | 创建文本 |
V | 钢笔工具 |
O | 创建圆形 |
R | 创建矩形 |
U | 创建圆角矩形 |
S | 切片工具slice |
Enter | 对当前选中的图层启用编辑模式 |
多键快捷键
快捷键 | 注释 |
---|---|
control+h | 触发选区手柄 |
control+l | 触发自动参考线 |
control+g | 触发网格 |
control+ R | 标尺 |
control+C | 选择颜色 |
command+3 | 滚动至所选图层 |
command+2 | 放大所选图层 |
commond+B | 给字体加粗 |