静电说：这些小技巧其实就是设计师在平时设计过程中遇到的所有小问题的汇总，也是一些最常见的错误或者需要改进的重点。掌握这些技巧，慢慢积累，你的设计细节就会越来越好。设计就是细节，我们一起来看看吧！

001. 使用缩放工具进行缩放

初学者常犯的一个错误就是直接拖动缩放。但这种缩放方式会让你的设计变得一团糟，尤其是对于文本等元素来说。

现在，我建议你使用下图中的缩放工具来放大和缩小。如下图所示，此缩放将按比例缩放图像中的所有元素，因此你不必担心文本等元素。

使用方法很简单，只需选中需要调整的项目或组，然后点击工具栏上的“缩放”按钮，或者使用快捷键CMD+K，在弹出的面板中调整百分比或大小即可。

002. 使用 Craft 或自动填充虚拟内容。

Craft 插件拥有大量非常酷的工作流程增强工具。除了将画板上传到 之外，我使用的主要工具是 Auto Fill。

使用起来非常简单。我们要做的就是在文件中选择一个图像或文本，然后选择要添加的内容类型。当然sketch取色快捷键，你也可以使用内置的数据功能来填充它，但 Craft 的灵活性要高得多。它甚至可以将网页中的内容直接添加到你的设计中。

003. 生成完美的调色板

使用混合工具sketch取色快捷键，只需几秒钟即可轻松创建调色板。混合工具可以轻松选择颜色。其他工具也可以做到这一点，但我认为这是最快的方法。

方法如下：

⭡ 步骤 1：制作两个矩形。将两个矩形分别设置为您需要的两种颜色的起始颜色和终止颜色。

⭡步骤 2：选择两个矩形，然后转到对象 > 混合 > 混合选项。然后将间距设置为指定步长，并将数量设置为所需的颜色选项数量。

⭡ 步骤 3：选择两个矩形，转到对象 > 混合 > 制作，或按 + CMD + B，就完成了！

004. 整理与智能对齐

Tidy Up 是我在 Figma 中最喜欢的功能之一。如果您需要对齐列表或网格中的一组项目，请选择它们并单击角落中的蓝色 Tidy Up 图标。在 中，单击右上角的 Tidy Up。然后您可以按住 Shift 键并将元素之间的填充拖动到您想要的数量。

Figma 中的智能布局是另一个很棒的功能。如果我有一个项目网格，我可以通过单击中间的圆圈并将项目拖到新位置来快速交换对象的位置。就是这么简单！

005.在大小和位置输入框中使用数学公式

这个功能可以在其他设计工具中使用，例如 XD、Figma 等。如果我有一个 100px 宽的矩形，我可以在宽度字段中快速输入 100/2，它会将对象缩小到 50px。我们还可以使用加、减、乘、除这四种运算。

当我需要将对象的尺寸加倍（*2）或缩小（/2）时，我只需在输入框中输入公式。

006. 按数字键更改对象不透明度

当您需要更改文件层对象的不透明度时，不透明度快捷键可以节省大量时间。要使用它，您只需选择一个对象并按键盘上的任意数字（1-9），不透明度就会立即调整。想要 70% 不透明度吗？按键盘上的 7 就可以了，这适用于 、Figma 等程序。

007 中的智能布局。

智能布局允许您调整符号的内容而不改变给定的填充。

要使用它，你只需要创建一个布局，然后点击创建一个（组件），然后设置布局调整成你想要的样子。对于按钮样式，我设置了布局从中心开始水平调整。使用智能布局功能可以轻松完成很多自适应布局效果，非常方便。

静电说：我们专门为大家准备了一堂Figma智能布局的公开课，大家可以关注菁公众号，回复“智能布局”即可免费获取公开课视频。

008. 在按钮项文本前添加图标

添加表情符号和图标可以帮助你一眼就描述出元素的功能。看到放大镜图标，用户可以立即识别出这是一个搜索功能并更快地使用它。有时，图标+文字的表达效果比纯文字要好得多。

009.在背景中添加图案和渐变

图案和渐变是让不吸引人的内容更加吸引人且美观的另一种好方法。在图像后面或背景上添加简单的图案和渐变将为原本平淡的设计增添风格和风味。只需要一个圆圈、一条小曲线和一个漂亮的展示。试试看吧！

010.在背景中添加图案和渐变

设计时别忘了 z 轴！阴影是增加设计深度的好方法，可以让您的生活看起来更加立体。元素的高度有助于在您的应用中创建信息层次结构。

用户认为深度代表重要性——因此距离较近的元素具有更高的优先级。但是，阴影看起来不错，并不意味着它们总是一个好的设计选择。在设计决策时，务必要有目的性，并在添加阴影时牢记这些元素的重要性。在做出任何设计决策时，您都应该始终这样做以改善体验，而不仅仅是为了美观。

原来的：

如有侵权请联系删除！