介绍
Sketch是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,同样添加了一些基本的位图工具,比如模糊和色彩校正。
开发者们尽量让 Sketch容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在 Sketch中自如运用。对于绝大多数的数字产品设计,Sketch都能替代AdobePhotoshop,Illustrator和 Fireworks。
为什么选择 Sketch
Sketch是为图标设计和界面设计而生的。它是一个有着出色 UI的一站式应用,所有你需要的工具都触手可及。在 Sketch中,画布将是无限大小的,每个图层都支持多种填充模式;我们有最棒的文字渲染和文本式样,还有一些你一定会爱上的文件导出工具。
必要的话,你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出后的样子。
但是 Sketch并不是一个位图编辑应用。也就是说如果你想修正一张照片或者用笔刷来画画,那么这不是你要找的应用。
Sketch的界面设计非常简洁,最顶端的是工具箱,包含了最重要的操作。你可以用右侧的属性面板来调整被选中图层的内容,左侧的是文件中的所有图层,中间当然就是你正在创作的画布。
Sketch里没有浮动面板,右侧的属性面板将会根据你选中的工具来显示所需控件,这样你能始终不受打扰的在画布上创作。
菜单栏
上方的菜单是Sketch的核心,非常多的操作。
工具栏
不同于其他绘图应用,Sketch把常用工具放在顶端的工具栏,而不是垂直排列的工具箱,但如果需要,你可以通过右击工具栏,进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。
页面
可以有多个。
图层
画布+画板
Sketch 的画布尺寸是无限的。
画板是创作区域,也是我们预览的地方。
检查器
位于右侧栏,对应图层的各种属性。
导出
导出,你可以在这将你的作品导出为一个或多个位图或者矢量文件。
Sketch的布局相信大家都有了基本的印象,我们下面来看看Sketch是如何新建文件的。
1、双击Sketch图标会弹出欢迎界面,我们点击“OK”以新建一个Sketch文件。
2、点击Insert,选择Artboard画板,弹出右侧对话框。
3、选择Mac Icons添加512x512px尺寸的画板。
在新建文件后我们必须保存Sketch的原始文件,方便我们下次继续编辑,同时也需要导出图层或是切片的文件,以便预览或是给工程师使用。
保存文件
1、选择“File”点击“Save”。
2、出现弹窗,给文件命名,选择保存的路径,点击Save,进行保存。
输出格式
1、选择“File”点击“Export”;或者右侧栏下方的“Export”,选择所要输出的文件格式,进行文件的输出。
Sketch支持导出的文件格式:
・JPG:照片文件所常用的格式,但并不支持透明度。
・PNG:如果你画的内容中有透明的像素,这将是最好的选择。
・TIFF:支持透明度,但这种格式的文件会更大。
・PDFor EPS: 保存矢量对象,目前基本支持。
・SVG:能很好的保留图形和文本的导出,但是并不支持阴影使用这种 格式主要可以让该文件在其他应用中导入。
Sketch不支持导出的文件格式:
・PSD:Photoshop 文件是封闭且不支持导出的,如果你有Adobe CC 的套件,那么你可以将PS文件导出为 .PDF,并导入Illustrator。
・AI:Sketch目前不支持.AI文件,但是Illustrator可以打开从 Sketch 里导出的 .PDF 或 .SVG 文件。
Sketch右侧的检查器能让你对正在编辑的图层——有时是正在使用的工具——进行参数调整。当你选中一个图层时,你会发现检查器被划分为几个区域。
对齐属性
通用属性
图层形状对应的位置、大小、旋转、翻转等。
透明度
混合模式
填充
描边
外阴影、内阴影
外阴影、内阴影可以叠加,如下图:
高斯模糊
共享式样
你可以先制作一个图形,然后给它设置想要的式样(如图A)。然后选中Create New Shared Style中把刚才的式样做成一个共享式样,给它命名为No1(命名随意)。
然后再制作一个图形(如图B),点选No1,这个形状也会运用刚才的式样。
也可以在现有的式样中更换。在共享图层中任一个做修改,其他的都会立即做出相应的改变。
来源:千锋UI设计