我们见过许多设计师致力于网站和应用程序的设计,但他们在配色方面往往会遇到一个非常大的难题。为了获得理想的精准色调,设计师们需要投入大量的时间和精力。即便如此,有时仍然难以达到预期的效果。调制出精确的颜色既是一门艺术,也非常耗时。因此,为了解决这一问题,Figma 为我们提供了 颜色选择器 或 吸管工具。
在本文中,我们将详细介绍 Figma 中的颜色选择器或吸管工具。
Figma 中的颜色选择器工具是什么?
Figma 拥有一个 颜色选择器工具 或 “吸管工具”,它允许我们从屏幕上的任何位置选取颜色。这让颜色的选择变得非常简单,并能有效利用时间。使用这个工具,设计师可以加快设计流程,因为他们无需在配色上花费太多时间。我们可以上传任意图片,从中选择任何颜色并加以利用。
我们可以拖放吸管工具,即我们可以将工具拖动到图片中所需的颜色上,然后将其放入我们的设计中。大多数设计应用程序都没有这项功能。
请按照以下步骤了解如何在 Figma 中使用颜色选择器或吸管工具。
- 首先,登录你的 Figma 账户并打开仪表板。
!Figma DashboardFigma 仪表板
- 进入“草稿” 以创建一个新的设计文件。
!Draft Section草稿区域
- 在右上角,你可以看到 “设计文件” 选项。
!Design File设计文件
- 现在选取一个你想要进行设计的画板。
!Design Frame设计画板
- 现在你希望图片中存在的颜色也能出现在你的设计中。所以首先必须上传图片。要上传图片,请前往顶部菜单。在其中你可以选择 “File” 选项。选择之后,点击 “Place Image” 选项。现在你可以将图片上传到你的设计中。
!File Option文件选项
- 放置好图片后,你可以通过选择页面部分来选取颜色。
!Page Color Option页面颜色选项
- 进入页面部分后,在底部你可以看到一个吸管图标。那就是 Figma 中的颜色选择器工具。现在点击 吸管图标,这样你就可以将其拖动到图片上并选择颜色。
!Dropper Icon吸管图标
- 现在,将吸管图标拖动到你想要获取颜色的图片上。
!Dropper Icon Menu吸管图标菜单!Selecting Color using Dropper tool使用吸管工具选择颜色
- 你可以观察到圆形的颜色已经发生了变化。
- 在上面的示例中,你可以看到画板旁边有一张图片,我将吸管工具拖动到这张图片上,以便为我的圆形获取精确的颜色。
!Color changed to selected color from the picture颜色已更改为从图片中选择的颜色
- 同样,你可以通过从上传的图片中拖放颜色,为你的设计或设计元素添加颜色。
- 你可以从图库中上传任何图片并亲自尝试一下。
吸管工具的优势
- 颜色精准:通过使用颜色选择器工具(吸管工具),我们可以从上传的图片中获取精确的颜色。在大多数设计应用程序中,你必须手动调整色板,但这并不能保证颜色完全准确。
- 节省时间:Figma 的这个工具实际上节省了你的时间,因为它使用了拖放方法。你不必花费时间去寻找或制作色板。
- 轻松采样颜色:这个工具的概念允许你轻松地从设计中的其他元素甚至 Figma 之外的地方采样颜色。
结语
Figma 拥有大量的工具和功能,其中 吸管工具 是最出色的工具之一。它凭借拖放功能让设计变得简单易行。这节省了设计师在创作事物上的时间和精力。在这个快速发展的世界里,这项功能无疑是设计师的得力助手。