
Sketch 官方用户中文手册.docx
71页Sketch 官方用户中文手册 欢迎使用 Sketch 3 的用户手册,这个手册的内容同时适用于新手和熟练用户 如果你对于这个手册的内容有任何想法和疑问,请通过邮箱 XX 随时联系我们 我们会不断的完善本手册 Sketch 是一款适用于所有设计师的矢量绘图应用矢量绘图也是目前进行网页,图标以及界面设计的最好方式但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正 我们尽力让 Sketch 容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用对于绝大多数的数字产品设计,Sketch 都能替代 Adobe Photoshop,Illustrator 和 Fireworks Sketch 是为图标设计和界面设计而生的它是一个有着出色 UI 的一站式应用,所有你需要的工具都触手可及在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式;我们有最棒的文字渲染和文本式样,还有一些你一定会爱上的文件导出工具 必要的话,你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出后的样子 但是 Sketch 并不是一个位图编辑应用。
也就是说如果你想修正一张照片或者用笔刷来画画,那么这不是你要找的应用 我们将 Sketch 的界面设计的非常简洁最顶端的工具箱包含了最重要的操作你可以用右侧的检查器来调整被选中图层的内容,左侧的窗口则会列出文件中的所有图层,中间当然就是你正在创作的画布 Sketch 里没有浮动面板,检查器将会根据你选中的工具来显示所需控件,这样你能始终不受打扰的在画布上创作 Sketch 的画布尺寸是无限的,可以向任意方向无限延伸,你将拥有绝对的自由来规划自己的创作区域 如果你想在画布中设置一个固定的画框,你只需新建一个或多个新的画板举个例子,设计移动应用界面时,很多设计师会为应用的每一个屏都创建一个画板,然后排列开来以便查看 你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子值得注意的是,有些效果——比如模糊——会自动将画布的一部分以像素模式显示,因为模糊本身就是一个基于像素的效果 右侧的检查器能让你对正在编辑的图层——有时是正在使用的工具——进行参数调整当你选中一个图层时,你会发现检查器被划分为几个区域 通用属性 通用图层式样都在顶端区域:图层所在位置,透明度,混合模式以及几个特殊选项——比如调整矩形内角半径和多边形的不同点模式。
样式属性 边框和填充属性都有他们独自的区域,你可以勾选左上方的小方框展开他们,并显示出具体的选项如果你点击颜色按钮,你会发现检查器滑倒一边,出现新的专门的颜色检查器,你只需要单击顶端的“后退”按钮便会回到主检查器当你选中了其他图层,同样会自动回到主检查器 图层列表列出了所在页面的所有图层(和切片),每个涂层都会有一个小小的预览你可以在这里:查看涂层是否被锁定,不可见,使用了蒙板或标记为可导出;重新排列图层,或者给图层添加布尔运算,比如减去顶层形状;对图层进行建组或者重命名来管理他们 多页面操作 Sketch支持多页面操作,你可以在图层列表上面的按钮里面添加/删除或者转换到其他页面(或者用键盘上的 Page Up/Page Down来切换)图层列表始终只会显示当前页面的图层 画板 在图层列表里,有白色背景一栏的便是画板,你可以把画板视为设计中的顶层对象,所以一个画板不能被嵌入另一个画板 蒙版 在图层列表里,那些使用了蒙版的图层名前会有一个小点,它的蒙版则是底下紧接着不带小点的图层了解更多关于蒙版 布尔运算 每个图形都可以包含多个子路径,他们会以组的形式呈现在图层列表中,伴随一个下拉箭头显示具体的子路径。
每一层子路径都可以单独设置布尔运算,决定和它的下一图层以什么方式组合图层列表能清晰的展现子路径的组合方式,同时方便你随时调整更改 符号和共享式样 符号是一种特殊的组,他们可以出现在文件的多个地方符号会以紫色文件夹图标呈现在涂层列表中——正常编组则是蓝色的文件夹了解更多关于符号 共享式样可以使多个对象(图形以及文本)的式样保持一致,如果一个图形或者一段文本使用了共享式样,他们的预览小图标会显示成紫色,而不是标准的灰色了解更多关于共享式样 Sketch 的工具栏涵盖了你创作当中所需要的所有工具 在默认工具栏中,第一组工具是用来添加新图层的:图形、图片、符号等等 编组 (Group) 和取消编组 (Ungroup) 能让你有条例的组织文件 接下来的几个工具则都是用来编辑现有图层:旋转 (Rotate),变形 (Transform), 通过布尔运算来合并图层,以及在图层列表中上移或下移图层 工具栏最后的导出(Export) 按钮 同时也是一个切片工具,你可以在这将你的作品导出为一个或多个位图或者矢量文件 不同于其他绘图应用,Sketch把常用工具放在顶端的工具栏,而不是垂直排列的工具箱,但如果需要,你可以通过右击工具栏,进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。
· 图层是 Sketch 中最基本的构成单位不同于其他将图层和对象混为一谈的应用,在 Sketch 里每个对象都有自己的图层所以在这个手册中,我们所说的“图层”和“对象”其实是一样的意思,这两个词是可以相互替换的 编组和画板能让你在 Sketch 里有效的管理内容,他们也会被视为多个图层的组合要想添加新的涂层,你可以单击工具栏中的 insert 按钮 添加图层最简单的方式便是直接从工具栏选择一个标准图形比如选中矩形工具,光标会变成一个右上角有个小矩形的十字图案这时你只需在画布上单击并拖动鼠标来添加你想要的形状松开鼠标,随即完成这个矩形,并开始编辑它 高级选项 添加新图层是非常容易的,但我们同时提供了几个隐藏快捷键来帮助你方便的绘制比如说你可以按住 shift 键来绘制等边图形;按住 option 键来从中心绘制图形,而不是从左上角绘制 如果你想改变图形的起始点,你需要按住空格键,这样你将会修改起始点,而不是图形的大小 你只需单击来选中图层,这时选择框的四角和边框上会出现8个小手柄 值得注意的是,万一你没看见这些小手柄,那么有可能是你不小心将手柄隐藏起来了,你可以进入 视图 菜单栏,打开 显示选区手柄 (View > Show Selection Handles)。
同时选择多个图层 你可以按住键盘上的 Shift 键来同时选择多个图层,当你点击其他图层时,之前选中的图层也会为你保留如果你按住 Shift 键去点击一个已经选中的图层,则会取消选择它 如果你在画布上任一点单击并拖拽出一个矩形,则会选中这个矩形中的所有图层你可以继续按住 Shift 键或者command键来增加图层或者取消个别已经选中的图层 如果你同时按住 option 键,则只会选中完全被包括在所画选取内的图层 重叠图层 为了让选择某一图层底下的图层更容易,你可以右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表 需要注意的是,在 Sketch 2 里,这个功能是通过快捷键 option + command 来实现的,在 Sketch 3 里将被右击鼠标代替 另一个方便的快捷键是 option 键,按住 option 键,Sketch 会选中第二层图层,而不是最上层的如果某个区域有多个图层重叠,而你想选择第三层,那么还是需要用到上面说的右击鼠标的方法来选择了,有些情况下,你会发现这是个非常方便的小功能 快速选择组中的图层 编组能方便的管理内容,有时还能预防无意的编辑操作。
单击组,整个组会被视为一个图层,双击才会进入组内选择具体图形 当然,有时你肯定想从深深的编组层级中直接选中某一具体图层,你可以按住 command 键,来直接选择埋在组里的图层,无需不停的双击以进入更深的层级,这将省去你不少的时间 如果你同时按住 shift 键,则能选择多个图层 你可以选中任意图层,并拖动鼠标来移动他们按住 Shift 键来拖动,则会让图层严格按照垂直或者水平方向移动 当你移动某一图层(或者修改尺寸)时,Sketch会自动帮你将它与相邻的图层对齐如果没出现自动对齐,那可能是参考线功能被不小心关闭了,你可以在 视图 菜单里打开显示参考线 (View > Show Layer Guides)标尺 (Rule),参考线 (Guides) 和 网格 (Grid) 是一个大的话题,我们会在另一章节单独来讨论 如果你先按住 alt 键再拖动图层,你其实会创建一个原图层的拷贝,原来的图层还是会在最初的位子如果你接着按快捷键 command + D,Sketch则会重复你刚才的操作,复制出一个一样的图层 移动一个被遮盖的图层 这是另一个重叠图层很麻烦的地方,正常情况下,你单击并拖动一个图层它会被立即选中,并移到新的位置。
大多数时候这是非常方便的,但如果你想移动一个完全在另一图层底下的图层,这就会变得非常碍事,因为会直接选中并移动最表面的图层 解决这个问题,你需要按住 option + command 键,再来单击你需要的图层并移动它,你甚至可以单击画布上完全不同的区域,Sketch 仍会为你保留之前的选区 需要注意的是:在 Sketch 2 中这个功能的快捷键是 A 键,但在 Sketch 3 中,A 键被重新设定为添加画板的快捷键 8个手柄不仅会向你指示出选区,还可以帮你修改图层的大小你可以拖动任一个手柄来调整,如果你同时按下Shift 键,图层的长宽则会按等比例变化 拖拽图形某一边中间的手柄会只调整图形的长或宽,想要同时调整,则直接拖拽图形的角 如果你按住 option 键,图层会从中间向四周改变大小,而不是从对角开始变化 键盘 你可以直接使用键盘调整图层大小相对于鼠标,使用键盘能更好实现精确到像素的调整你需要按住 command 键和方向键来操作⌘→会将图层宽度增加 1px,⌘←则会将宽度减少 1px同样的,⌘↓ 和 ⌘↑则分别将长度增加和减少 1px如果你同时按住 shift 键,每一次更改的数值将会变成 10 px。
缩放 当你改变一个图层的大小时,它的式样元素并不会随之变大变小:一个 10x10的图形上 1px的描边在这个图形被拉伸至 50x50的时候,将仍保持 1px的描边想要更改图层大小的同时一起更改式样,那就使用编辑菜单当中的缩放工具吧 双击一个图层,或者单击工具栏中的编辑按钮就可以进入图层的编辑模式,接下来发生什么则取决于你想编辑的是什么类型的图层了,请接着阅读相关的内容 请记得,你可以单击图层外任一点,或者按下 Return 键或 Escape 键,来随时退出图层的编辑模式 在你的文件中最常见的图层应该就是图形了Sketch 提供了多种不同的基本图形供你选择:圆形,矩形,星型等等这几个图形中会有几个有趣的额外选项,比如星型和。












