都是用Sketch设计的,为什么你的效率这么低?

  都是用Sketch设计的。为什么你的效率这么低?

  Sketch是一款轻量级且易于使用的矢量设计工具,体积小但对于数字化设计来说功能强大,界面优雅。

  素描也是为图标设计和界面设计而生的。重量轻,易学。有经验的设计师可以在几个小时内自由使用他们的设计技巧。

  很多时候,由于它的轻量级,我们可以很容易地用鼠标完成它,而忽略了它的一些更好更快的操作和快捷键。在学习和工作中,可以学习一些晦涩难懂的快捷键,可以提高操作效率,让我们的工作事半功倍。

  所以我总结整理了一些Sketch不为人知的快捷操作,希望大家能在实际工作中应用。

  01.形状的描边和填充。

  形状笔画的快捷键是B,填充的快捷键是F,其实就是首字母Borders和Fills。绘制形状时,默认情况下会填充和描边形状。单击B取消笔画,然后单击添加笔画。灌装也是如此。

  02.直接吸收颜色。

  直接绘制颜色快捷键Control+C,素描吸管工具可以在屏幕上的任何地方绘制颜色。

  03.复制风格。

  Command+Alt+C复制样式,Command+Alt+V粘贴样式,当我们在设计中使用同样的样式时,可以调整一个地方,其他人可以用这个快捷键操作。样式可以包括填充、笔画、颜色、阴影、字体样式等。

  04.数字框直接进行数学运算。

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

  05.按住Shift+箭头键一次移动10个像素。

  这个操作在Ps中也有,可以增加移动步长。如果要自定义移动像素,可以使用“微调”插件来定义箭头的移动像素数量,或者定义Shift+箭头的移动像素数量。

  06.对准的特殊用法(锁定对准)

  草图中有五种对齐方式,即左对齐、右对齐、上对齐和下对齐。默认情况下,单个对象与作为参照的每个绘图板对齐。当两个物体对齐时,大的和小的会按照大的对齐。当两个对象没有关系时,可以锁定一个对象(Command+Shift+L)并与之对齐作为参照。

  07.重新定义对象大小。

  选择一个对象,并按住命令+箭头键来更改对象的大小。按住Command+Shift+箭头键,一次将对象的大小更改10个像素。选择一个对象,当您按住Alt进行缩放时,矩形的两侧将同时缩放。

  08.快速复制元素。

  按住Alt键并拖动以复制相同的元素。您可以继续按住Command+D来复制更多相同的元素。

  09.组合对象。

  选择要组合的多个元素,命令+G组。命令+Shift+G取消分组。

  10.直接选择和框选。

  按住命令直接单击所需对象,按住命令+Shift直接选择更多或框。两层叠加时(底层被覆盖),要不要选择底层?按住Alt键,草图将忽略上层并选择下层。

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

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

  12.显示所有画板。

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

  13.显示选定的对象。

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

  14.更改层的上下位置。

  选择一个对象,按Alt+Command+方向键移动对象的上下两层,按Control+Alt+Command+方向键移动到画板的顶层或底层。

  15.重命名图层。

  选择图层命令+R重命名图层。

  16.隐藏和锁定图层。

  选择图层Command+Shift+H隐藏图层,Command+Shift+L锁定图层。当界面中有很多需要修改的元素时,我们可以锁定背景层,框住需要修改的对象。

  17.智能提示。

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

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

  1到10个不同的数字键代表不同的透明度比率(1=10%透明度…9=90%透明度)。

  19.圆角半径。

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

  20.切片工具。

  切片工具(快捷键S)可以导出选中区域的内容。选择范围为正方形。切图标的时候不需要根据实际大小导出,可以添加热区导出。

  21.设置线段的中点?

  绘制后双击矢量图层,按住Shift键,会出现中点提示。

  22.点击向量,希望它以45度角改变吗?

  按下V键进入矢量模式,并按住Shift键。此时,箭头尖端将改变45°。

  23.符号分类和命名很容易找到。

  使用/对符号进行分类,以便于搜索。

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

  使用矩形工具绘制一条宽度为1像素的线,以确保视觉对齐和整数数据。(画带小数点的直线比画线方便)。画一条0.5px的带内底纹的线。

  如何设置草图快捷方式?

  您可以为一些常用功能自定义快捷键。打开Mac系统设置-键盘-快捷键。然后单击此处的“应用快捷方式”。从下拉菜单中选择“草图”,并自定义所需的快捷键。您也可以用同样的方式为您的苹果电脑上的其他应用程序自定义快捷键。

  其他常用的软件快捷键有对齐和折叠,快捷键设计如下:

  如果以上总结对你来说还不够,你可以系统的学习一下Sketch快捷键:

  总结:

  在工作中,我们仍然需要注意效率。在做任何事情之前,我们有没有用心去思考,对于我们现在的工作,是否有一种更快更方便的方式?前期可能会花费大量的研究时间,或者研究方法可能行不通,但这是更好提高我们效率的唯一途径。如果我们找到一个好的方法与团队成员分享,对大家的合作会更有帮助。

  当然,本文只是总结了一小部分。在产品设计的道路上,我们需要系统思维、前端思维(插件思维)、批判性思维来帮助我们更好地解决问题。以后边学边分享。

2021-01-20