Figma 智能选择介紹
作为设计师,我们工作的很大一部分是探索约束和可能性,这通常是一个非常迭代的过程。我们不停的尝试,不停的重新审视我们昨天做了什么。
这项工作大部分涉及重复性任务,例如“如果图标周围的间距有点紧张怎么办?”或“这些东西会有什么用?”这项繁琐的工作可能会耗费大量时间。简单地增加列表中某些元素的高度可能意味着执行10次调整大小操作、9次移动操作 – 同时跟踪头部的间距和对齐。它不应该是这么难。毕竟我们拥有这些功能强大的计算机,其中一个基本方面是有效的重复和重用。即计算机能够以极快的速度多次完美地重复相同的动作,这是专业人员、软件工程师、数据研究人员和其他人所使用的。今天我们很高兴地介绍一种新颖的新功能,它将为设计师减轻这种重复的“猴子工作”并加速您的探索。
我们称之为智能选择 – 它可以帮助您轻松调整画布上选定对象中多个项目的间距和排列等。它让您可以自由地专注于创作过程的基本要素,而不是细节。
智能选择如何工作
智能选择自动适用于任何选择或三个或更多项目的组,具有相等、均匀的间距。选择项目后您可以一次调整所有这些项目的间距,位置和大小。
以下是智能选择的功能:
- 拖动对象之间空间中的粉红色手柄以调整所有项目的间距。
- 拖动环以快速重新排列项目。
- 单击一个或多个项目的粉红色环以标记它们:这可以通过拉动边缘来调整大小。
- 在构建此功能时,我们希望在设计师已经在使用的范例中找到解决方案,而不是引入全新的思维方式。
考虑到这一点,我们创建了一种方法来帮助您在画布上直接操作对象,而无需学习任何特殊的新工具或对象类型。这是一个纯粹的UI功能。
Tidy Up
除了智能选择之外,我们还推出了另一个名为Tidy Up的强大功能,这使得从混乱的东西中获得智能选择非常容易。只需调整Tidy Up动作即可巧妙地安排所选项目。 将其视为“分配”功能,可以更好地完成工作。
Tidy Up获取所选项目并将它们移动,使它们彼此靠近并具有相同的间距。用例不仅仅是辅助智能选择 – 你会发现Tidy Up对表格和工具栏等内容很有帮助。与传统的分配功能不同,间距始终是均匀的。为了帮助您了解Tidy Up的工作原理,想象一下在20个屏幕上工作,所有这些都构成一个流程。 我们希望这些整齐排列,两者之间有完美的间距,这样当我们向其他利益相关者展示时,它看起来很精致。
在传统设计工具中执行此操作通常意味着手动遍历每个空间(在我们的示例中测量19个空间!)并调整关闭的空间。通过Tidy Up,所有这一切都可以通过一个快速操作完成 – 选择您的屏幕,然后单击右侧边栏顶部的Tidy Up按钮。Tidy Up的键盘快捷键是macOS上的⌥⌘T和其他平台上的ctrl-alt-T。
下次更新?
在接下来的几个月里,我们为您提供了更多的小工具,包括支持智能选择和其他令人兴奋的2D网格。与往常一样,我们渴望了解您使用智能选择所做的工作,并获得有关如何使其更好的反馈。
翻译 Courier 选自 Figma