如何快速掌握Sketch,提升设计效率?

在实际工作中需要我们快速完成设计,设计技法是做设计的基础,好的设计想法也需要依赖熟练的设计技法,本文是Nice对自己在操作中的一些心得进行的梳理,希望对小可爱们有所帮助。大家也可以在留言区秀出自己很好用的小技巧。

本文知识点:

视图操作初识

好习惯可以借助的方法

组件的使用

使用频率较高的快捷键

可以提升作图效率的功能

常见问题解答

视图操作

视图操作几乎是掌握任何设计软件之前需要了解的关键部分,比如3Dmax、C4D软件学习中的前三节课一定会了解到,如何切换顶视图、左视图、右视图、正视图等。Sketch也是同样的道理,比如看设计细节的时候需要放大视图,设计过程中需要在不同视角进行切换。在Sketch中,视图的操作主要是放大、缩小、移动、查看特定视图等功能。

Commd+1查看所有视图;

Commd+2查看所选图层;

Commd+R 显示标尺参考线;

Commd+shift+H隐藏所选图层;

Commd 配合鼠标左键可以进行视图缩放;

苹果鼠标也可以左右滑动观看画布;

Commd +shift 同比同心放大,可以在放大缩小过程中,使自己始终聚焦;

Z+鼠标单击/画选区,放大缩小指定区域,查看细节,比如在设计拟物图标的时候,对光影细节的观察,就可以用起来。

好习惯可以借助的方法

另外,设计师养成及时为图层命名的习惯非常重要,在设计中可以通过Commd+D复制图层后直接commd+R进行图层命名。图层命名一般可以遵从规则:一级页面_二级页面_功能/属性_状态@2x/3x.png。

调整图层顺序。底层:Commd+option +“【” 顶层:Commd+option + “】”。

除了icon用英文命名,其他不用切图的模块之类也可以用中文命名,主要是遵循实际工作环境,和开发对接的要求。

组件

组件的方便性主要体现在设计大型项目、或者大量页面替换修改。这点Nice个人感觉XD是无法和Sketch相比的。

我一般习惯将图标组件单独页面存放,首先绘制组件占位,带着画板将组件复制到新的Page中,其他图标复制修改就可以了。

组件可以套组件,可以在右侧调整是否显示组件中的实例,实例覆盖的时候比较方便。Sketch的颜色和字体甚至描边样式都可以统一设置规范,很方便。

快捷键设置

快捷键好比产品为新手和老用户设计的不用使用路径,快捷键可以让你的设计效率大幅度提升,如Commd+option+C --commd+option+V复制图层样式。快捷键对Shetch很重要,如果想了解更多可以参考Sketch官网

Mac如果某些快捷键冲突,可以在笔记本的系统偏好设置中更改,可以定制化设置。学会自定义菜单,比如旋转复制及旋转和剪刀等工具一开始会隐藏在菜单栏里,可以自定义显示出来。

好用的快捷键

要学会用Tidy功能,可以一键调节多个元素之间的距离,主要可以将两个元素之间距离一键调0,在调节后,还可以一键替换彼此之间的位置。

Enter 编辑图层,同样适用于文字编辑;

Commd配合鼠标左键可以在组中选择;

Commd+shift +T 可以进行图形斜切;

数字调节图层透明度(PS也适用哦……);

旋转矩形、圆形等图形,按 enter直接可以进入编辑锚点 ,双击锚点可以切换锚点形态;

可以提升作图效率的功能

给形状替换颜色:选中图层,按下Control+C在屏幕中拾取想要的颜色,注意不是Commd 是Control;

F 切换图层填补,即去掉填充(Toggle fill);

B切换图层描边,即去掉描边 (Toggle border);

Commmd+k对成组对象直接不变形的情况下调整比例,在不同文件协同的时候比较常用;

创建组件后,马上按enter键去组件库进行调整组件的位置,及时将组件整理归类;

阴影的样式可以进行拷贝粘贴,这样设计风格可以保持统一;

如果使用文字工具,esc可以退出,切换选择工具,enter可以自己输入文字内容。

常见问题解答

1.画图标的时候,放大为何不显示网格?

可以在窗口下拉菜单中勾选这一项。

2.如何让组件随着内容变换大小?

创建组件的时候,勾选此项。

2020-09-18