01. 形状的描边和填充

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

形状的描边快捷键是B,填充的快捷键是F,其实就是Borders和Fills首字母。绘制形状时默认时带填充和描边的,按一下B取消描边,再按一下添加描边,填充也是同理。

02. 直接吸取颜色

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

直接吸色快捷键Control+C,Sketch 吸管工具可以吸取屏幕上任何地方的色彩。

03. 拷贝样式

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

Command + Alt + C拷贝样式,Command + Alt + V粘贴样式,当我们设计中使用相同的样式可以调整一处,其他可以用这个快捷键来操作。样式可以包含填充、描边、颜色、阴影、字体样式等。

04. 数值框直接进行数学运算

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

Sketch支持直接在输入框内进行加减乘除的数学运算。长宽、坐标和圆角的数值是可以计算的,透明度和色值等是不可以进行计算的。

05. 按住Shift+方向键可以每次移动10个像素

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

个操作在Ps里面也有,可以增加移动步长,如果你想自定义移动的像素,可以使用 Nudged 插件来定义方向键(Arrow keys)的移动像素个数,也可以定义Shift + 方向键(Arrow keys)的移动像素个数

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

06. 对齐的特别用法(锁定对齐)

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

Sketch中的对齐有左右上下居中五种对齐方式,单个对象对齐默认是以每个画板为参照物进行左右上下居中对齐,两个对象对齐时大的包含小的会依据大的为参照物进行对齐,当两个对象没有任何关系时可以锁定(Command + Shift + L)一个对象并以它为参照物进行对齐。

07. 重新定义对象大小

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中一个对象,按住Command + 方向键来改变对象大小。按住Command + Shift + 方向键可以每次以加减10个像素改变对象大小。选中一个对象,按住Alt缩放时,矩形两侧会同时进行缩放。

08. 快速复制元素

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

按住Alt键拖拽复制一个相同元素,你可以继续按住Command + D复制更多的相同元素。

09. 组合对象

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中要组合的多个元素,Command + G编组。Command + Shift + G取消编组。

10. 直接选取和框选

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

按住Command直接点选需要的对象,按住Command + Shift可以多选也可以直接框选。两个图层叠加在一起的时候(底下图层被覆盖),想要选择底下图层?按住Alt键,Sketch会忽略上层而选择下层。

11. 显示实际 100% 大小视图

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

查看实际大小100%视图,快捷键Command + 0(数值0

12. 显示所有画板

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

查看所有画板视图,快捷键Command + 1

13. 显示选中的对象

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

显示所有选中对象视图,快捷键Command + 2

14. 改变图层上下位置

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中一个对象,按住Alt + Command + 方向键移动对象上下图层的位置,按住Control + Alt + Command + 方向键移动到画板的最上层或最下层。

15. 重命名图层

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

中图层Command + R重命名图层。

16. 隐藏图层和锁定图层

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中图层Command + Shift + H隐藏图层,Command + Shift + L锁定图层,当介面中元素较多时需要修改,我们就可以锁定背景图层,进行框选需要修改的对象。

17. 智能提示

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中一个对象,按住Alt键,通过鼠标可以测量与其他对象的像素距离,按下Alt键的时候还可以移动对象进行测量和排列;按住Alt + Command键可以测量组与组或者跨面板的组与组里面的对象的像素距离。

18. 数字键快速设置透明度

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

110不同的数字键分别代表不同透明度比例(1=10%的透明度 …9=90%的透明度)。

19. 圆角半径

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

选中对象,点击面板中的圆角Radius设置可以通过一组数值(如16;16;0;0)依次对应对象上左、上右、下左、下右的每个角的半径值。

20. 切片工具

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

切片工具(快捷键S)可以导出的选区内的内容。选区范围是方形的。在切图标的时候我们可以不用按照实际尺寸进行导出,可以适当增加热区包含进去进行导出。

21. 设置线段的中点?

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

双击绘制完成的Vector图层,按住Shift键,会出现中点提示。

22. 点击 Vector 时,想让其以 45 角度进行变化?

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

V键进入到Vector模式,按住Shift此时箭头提示会以45变化。

23. Symbol分类命名方便查找

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

使用/可以对Symbol进行分类,方便查找。

24. 用矩形画1px,用内阴影画0.5px

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

用矩形工具来画一个1像素宽的线条,这样就可以既保证视觉上对齐,数据中也是整数。(比Line直接画直线会有小数点更方便 )。用内阴影画0.5px的线条。

如何设置Sketch快捷键

你可以为你经常用的一些功能自定义快捷键。打开Mac 系统设置 — 键盘 — 快捷键。然后在这里点击「应用快捷键 」。从下拉菜单里选中 Sketch ,自定义你需要的快捷键。你也可以用同样的方法给你的 Mac 其他应用自定义快捷键哦。

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

其他常用软件快捷键有对齐、折叠所以组,快捷键设计如下:

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键

如果以上总结的还不能满足你,可以系统的去学习下Sketch快捷键http://sketchshortcuts.com/

总结

在工作中还是需要重视效率,在做任何事之前我们是否有用心的去思考下当前的工作有没有更快捷方便的办法,可能前期会花去很多研究的时间,或者花去研究的时间研究的方法也不一定管用,但是这是更好提高我们效率的必经之路,发现好的方法分享给团队的成员会更有助于大家的协作。

当然本文总结的只是很小很小的一部分,在做产品设计的道路上,我们还需要系统思维、前端思维(就是插件思维)、批判思维等思考有助于我们更好的解决问题。以后在边学边分享吧。

可能你还喜欢:

原文地址:水手哥学设计(公众号)

作者:水手哥

Sketch提升效率的常用技巧和快捷键
Sketch提升效率的常用技巧和快捷键