Sketch作为UI设计师的工作利器，在UI设计领域已经大范围普及。虽然，随着版本的更新，PS、AI已经实现了很多Sketch拥有的功能，比如一键切图功能、多画板功能等等，外部也有很多标注切图软件功能日趋完善，这使得不用Sketch的设计师也能更加高效地完成工作。

但是，不乏还有一些新人正从PS工作环境转到Sketch工作环境中，以下就与新接触sketch的设计师和一些设计爱好者们交流一下使用经验：在UI设计中，Sketch与Photoshop的差别。

目录

一、Sketch常用功能介绍

二、Sketch与PS功能的差异

三、Sketch特点

四、Sketch缺点

一、Sketch常用功能介绍

与PS相似的基础功能：

钢笔、标尺、形状工具、分组/取消分组、剪刀、旋转、布尔运算、移动图层顺序、颜色吸取、描边、混合模式、不透明度、圆角、投影、模糊、内阴影、高斯模糊等。

栅格化：选择图片——图层——将所选拼合为位图

图形裁剪编辑：双击后选取裁剪

图层蒙板：图层---用作蒙板，于PS一样的图层顺序操作

二、与PS功能的差异

1. 历史记录：文件--恢复到（sketch是实时保存的，所以要恢复要以往版本需要额外步骤）

2. 复制图层：ctrl+D

3. 剪刀工具：修剪路径，限制较大

4. 切图导出：Sketch优势功能,导出多尺寸切图十分快捷。

5. 钢笔工具

锚点调整模式的选项，个人感觉灵活度没有Ps高。

6. 强大多样的插件

包括切图标注，多尺寸界面生成，中文汉化，图像填充等，安装方便，极大提升UI设计效率。

7. 直观的画板：

同一个窗口下可以创建多个画板，形成多个UI界面，布局合理就可以很直观地表现APP内部的逻辑结构，有助于团队更好地理解APP

三、Sketch特点

最大的特点：可复用组件、共享样式、轻量化

1. 可复用组件

定义组件可以不断地重复、快捷地插入使用，于页面内的其他元素自由组合，统一APP内容风格，也极大提升了设计效率、适配效率。

2. 共享样式

类似于PS中的图层样式，比PS中的更加直观、便捷。

特点是，将样式属性应用于页面内多个相同元素后，只要更改样式，就可以将拥有这个样式的元素全部更新成更改后的属性，而不用将每一个元素逐一更改，大大节省了修改时间，告别无意义的重复工作。

3. 轻量化

体现在体积和操作上

sketch更适合于UI设计师使用是因为它去除了PS中于UI设计关系不大的功能，仅保留UI设计所需要的必要功能

另一方面，sketch与AI一样，都是矢量绘图软件，他们的特征就是可以无限放大，占用的内存比PS小很多，操作起来更顺手，流畅。如果在PS中做图的话，难免会出现卡顿的现象。

四、Sketch缺点

1. 形状工具只能满足基本的布尔运算

当遇到需要制作复杂图形时操作困难，比如剪刀工具只能剪切固定的一条边，而不能像AI里一样从任意的点进行剪切

解决方法：

用illustrator绘制图形，存储为SVG格式，导入sketch后可以很好地兼容。

亮度对比度等图像调整比较困难

解决方法就是进入PS里操作。

总之sketch能极大提升UI设计师的工作效率，但它也不是万能的，多掌握一种工具可以多一种解决问题的思路。

- END -

Thanks.