汇总了工作里时常碰到的细小难题和简便方法，挑选出个人认为特别有帮助的内容٩(^ᴗ^)

缩放大小

️用 Scale 工具缩放

样式特征例如轮廓粗细程度、拐角弧度范围、暗影幅度等，会同样比例地调整尺寸

手动拖拽缩放

理由：样式属性保持不变，不会等比例的缩放

缩放大小

️像素值均为整数

理由：输出切图时像素清晰

技巧：自动像素取整方法： → Round to Pixel

像素值出现小数点

理由：输出切图时像素模糊

在路径正中间添加锚点

️按住 Shift 键，精准添加

理由：精准、无需微调其坐标数值

在两个位置之间增加新的参照点时，若同时按下 shift 键，即可获取这两个位置之间的参照点

估算中间位置添加

理由：不精准，需要手动微调其坐标数值

绘制环形进度条

画出带轮廓的圆圈，把“间隙”设定为直径乘圆周率，通过调节“虚线”长度来控制进度

理由：可灵活调整进度

绘制描边圆形，用剪裁工具进行裁切

理由：不能灵活调整进度

复制旋转

️使用“旋转副本”批量复制旋转

理由：可批量设置复制数量、灵活调整缩放尺寸

操作方法：先建立矢量图形，接着进入图层管理界面，选择路径选项，再进行旋转复制设置，随后根据实际需求设定重复次数，即可实现图形的多重旋转复制展示效果

手动多次复制图形，调整其位置角度

理由：不能批量设置复制数量、灵活调整缩放尺寸

文本宽度

️文本框长度设成 Fixed 模式(最大宽度)

理由：方便RD了解文本最长宽度是多少

技巧：建议在设计稿中展示超出长度截断的情况

文本框长度设成 Auto 模式

理由：RD不知道文本最长宽度是多少

分割线条

️通过 Inner 属性实现分割线

理由：调整分割线时，只影响单个容器，更灵活

技巧：设置内阴影的渐变为零，只需要一边的方向为负数即可

通过 Line 对象实现分割线

理由：调整分割线时，会同时影响到上下两个模块

模块间隔

️通过间距留白，实现模块间隔

理由：通过调整单个模块的位置，灵活调整间距

通过填充色块，实现模块间隔

理由：调整间隔色块时，会同时影响到上下两个模块

文字环绕效果

️建立路径，生成文字路径环绕效果

理由：可灵活调整路径及文字样式

创建新段落类型，确定新路径，选中文字，执行文字沿路径排列功能，将文字移至路径侧边

单独调整每个文字的角度

理由：不能灵活调整路径及文字样式，过于费力

图层编组

️图层进行合理的编组和命名

理由①：方便自己寻找特定模块、图层、历史版本

理由②：方便团队其他设计师的再次编辑和利用

图层随意摆放，命名乱七八糟

理由①：不利于自己寻找特定模块、图层、历史版本

理由②：不利于团队其他设计师的再次编辑和利用

输出SVG矢量图标

️合并成单层形状，尽量简化

当存在两个或多个图形，或涉及布尔运算的图形时，需要将它们合并，并执行扩展操作

技巧②：将描边转化为闭合图形

图层多、没有合并形状

理由：生成图标时代码中会生成多个path，导致图层错位

输出透明底图标

️勾选 group only

选中切割工具图层，确保其被激活，勾选相应选项，这样导出的内容将仅限于该图层所属的分组内部对象，背景将保持无色透明

不勾选

理由：不勾选，切图会连同背景色一起输出

快速调整不透明度

️通过数字键，快速调整不透明度

理由：数值精准、效率高

选择对象后，通过数字键可以调整其透明程度，比如按“1”可使不透明度达到十分之一，按“5”则设定为二分之一，按“9”可设置为九成，按“75”则代表调整至四分之三的透明度

鼠标拖拽，调整不透明度

理由：数值不精准、效率低

快速设置圆角

️一次性设置，由分号隔开

理由：一次性设置，效率高

在右侧的界面里，找到标有“半径 ()”的框框，里面要填入四个数，用分号隔开，它们分别控制着右上角、左上角、右下角和左下角的地方，数值是“20;10;5;0”这样子

依次选中每个点，调整圆角

理由：每个点单独设置sketch怎么合并图层，效率低

快速组内单选

️按 cmd 键可直接选中组内元素

理由：更快捷方便

不必去图层库里找，按住指挥键，再用鼠标直接对准那个物件，就能“突破”组合的阻隔，直接选中那个物件

双击编组，再选中组内元素

理由：需啪啪啪双击多次

快速吸取颜色

️按 +c 快速吸取屏幕上的颜色

理由：更快捷方便

点击颜色面板 → 点击吸管工具

理由：需点击多次

属性栏的“加减乘除”运算

️直接在属性栏输入计算式

理由：更快捷方便

这种编辑技巧非常实用，能够快速进行数值计算，比如333乘以2，直接按回车键就能得到结果666

点打开计算器算

理由：需切换外部计算器工具，再复制黏贴数值回来，比较麻烦

图形默认属性

️直自定义图形默认属性，一劳永逸

理由：设置适合自己的常用图形默认属性

创建一个个人化的矩形格式，将其保存为常用样式sketch怎么合并图层，接着在图层菜单中找到样式选项，点击设置为默认样式，这样今后每次绘制矩形图形时，都会自动应用这个预设的样式。

每次新建时，手动调整图形属性

创建新图形时，系统总会自动添加轮廓线，然而在制作界面元素时，并非所有地方都需要显示这种浅色边界，反复手动去除这些线条相当费事

快速复制样式

️快捷键 Alt C、Alt V

理由：更快捷方便

选中对象1右键复制样式、对象2右键黏贴样式

理由：需点击多次，较麻烦

快速折叠所有画板

️View → Layer List → All

理由：一次性快速收起所有画板，方便快捷

如有侵权请联系删除！