XD 中的渐变色

我们都应该熟悉渐变色在设计中的重要性。然而，渐变色在主题中的使用并不常见，但它广泛用于徽标和按钮中。

大多数科技巨头，如 Instagram、Adobe 和 Aaptiv 的徽标都是使用渐变色制作的。

渐变色使设计更具吸引力，并为设计和徽标提供深度和趣味性。

渐变色广泛用于创建背景图像、按钮和徽标。

Adobe XD 支持不同类型的颜色渐变，以应用于设计。 让我们了解一下什么是颜色渐变及其类型？

什么是渐变色？

渐变色或颜色过渡是从一种颜色到另一种颜色的逐渐混合。设计师执行这些混合是从相同的颜色，例如浅蓝色到深蓝色，或者两种不同的色调，例如红色和黑色。 即使这些混合也可以使用多种颜色。

颜色渐变通过继承与两种颜色的交互，为图像提供深度。通过将渐变与不同程度的不透明度相结合，可以帮助我们创建一个有意义的主题和对象之间的距离。 它们还可以用于微妙地引导用户的视线，并将他们的注意力引向图像的特定部分。

渐变有几种样式和模式，但所有渐变样式之间都有一个共同点，即它们都有一个颜色开始的中心点。换句话说，渐变色组合会创建某种模式；但它们有不同的尺寸、形状、颜色，并且基于设计师的选择。形状、大小、颜色将定义颜色渐变的外观。

Adobe XD 中的颜色渐变类型

现在我们已经讨论了渐变色以及它们对我们的设计有何用处。让我们了解 Adobe XD 中支持的颜色渐变

线性渐变

线性渐变是最常用的颜色渐变之一。顾名思义，它从一条直线创建各种颜色的带。这条线不应该是垂直或水平的，甚至不是直的。 渐变过渡始终从一种颜色平滑地流向另一种颜色。

径向渐变

径向渐变将颜色从中心点扩散到形状半径。它创建了一个可以玩中心点、大小和过渡率的空间。它也是一个广泛使用的渐变效果，用于将渐变色应用于对象。

角度渐变

角度渐变也称为圆锥渐变。它与径向渐变非常相似，因为它们都提供了颜色的圆形反射，并使用一个中心点作为颜色的开始。 这两种渐变的区别在于径向渐变从对象的中心过渡到外部区域，而角度渐变以顺时针或逆时针的圆形样式着色。它可用于创建色轮、饼图或进度指示器。

让我们了解如何使用 Adobe XD 将这些渐变应用于对象

使用 Adobe XD 应用颜色渐变

以下是使用 Adobe XD 将颜色渐变应用于对象的步骤

• 选择要应用颜色渐变效果的对象或背景。
• 从属性检查器区域中选择 填充 选项。
• 在颜色选择器面板中，从颜色选择器下拉菜单的顶部选择所需的 渐变选项。
  
• 现在单击颜色条顶部的颜色起始点，并使用颜色选择器定义渐变的起始颜色。
• 要向渐变编辑器添加更多颜色，请选择编辑器上的任意点，然后从颜色选择器中选择颜色。
• 要删除颜色，请从渐变编辑器面板中选择颜色起始点并将其拖出面板。
• 要设置方向点和渐变角度，请拖动角手柄。
• 将其保存在资源面板中以供以后重复使用。要添加到资源面板，请选择带有渐变的对象，然后单击工作区左侧提供的资源面板中的 + 图标。它会将应用的渐变样式添加到资源中。

我们还可以导入带有渐变填充的对象。在将文件导入 XD 之前，请务必将文件保存为 SVG 格式。要导入文件，请导航到 文件 菜单，然后选择 导入 选项。现在，从文件系统中选择 SVG 文件并单击导入。它将导入带有其渐变属性的文件。

我们可以轻松地自定义其中的颜色和其他渐变属性。 导入 SVG 文件时，颜色选择器将自动显示渐变选项。 此外，当我们复制和粘贴对象时，它也会携带颜色样式。