|
|
项目中的颜色有时会失控。我们通常会从一些精心挑选的品牌颜色开始，但随着时间的推移，我们可能会发现自己随着项目的发展而增加变化。也许我们意识到，出于可访问性的原因，我们需要调整按钮颜色的亮度，或者我们需要一个稍微不同的组件变体。我们如何确保我们选择的颜色适合我们项目的设计系统？我一直在探索使用相对较新的-函数来实现此目的。看到我可以生成不同的调色板变化真是太有趣了！让我们深入探讨如何-改变您的设计过程。熟悉该-功能该-函数允许我们指定要混合的两种颜色，然后输出结果。我们可以控制混合中每种颜色的数量，以及颜色插值空间，这决定了颜色如何混合在一起。显示-函数组件的图形，即插值方法和两种颜色及其百分比颜色插值方法是必需参数。我们将在后面的部分中介绍它。现在，我们将用来演练这些示例。我们将每种颜色的数量指定为百分比。如果我们省略两种颜色的百分比，则-默认情况下每种颜色使用。如下所示，将和等份混合后得到了预期的色调。玩复制到剪贴板.{-:-,,;}玩如果我们仅指定一种颜色的百分比，则另一种颜色的百分比会自动调整，以便总数总计为。例如，无论我们指定还是，结果都是相同的-颜色主要是蓝色，带有一丝红色。
玩复制到剪贴,,玩如果两种颜色的百分比总和小于，则-行为略有不同总 波兰移动数据 和保存为乘数，并使用此乘数缩放两种颜色，使它们的总和达到。有关一些示例，请参阅规范中的百分比归一化部分。尽管下面的两个-函数混合了相同数量的每种颜色，但第二个函数百分比之和为产生相同的颜色，但值为.玩复制到剪贴板/*:*/-,,/*:/.*/-,,玩创建明暗变化-作为一个典型的用例，我们经常需要创建品牌颜色的较浅或较深的变化。为了实现这一点，我们;}&样，我们就可以混合不同的颜色并将它们应用到整个调色板。复制到剪贴板.{--:---;}.--{-玩指定插值颜色空间-在前面的章节中，我们使用标准红绿蓝作为颜色插值方法。我们可以通过修改用于插值的颜色空间来彻底改变结果。颜色空间是一个复杂的主题，远远超出了本文的范围，但在决定在-.探索色彩空间选项颜色插值确定一种颜色如何过渡到另一种颜色。可视化这一点的一个好方法是使用渐变，正如的颜色插值部分中所做的那样，该部分深入探讨了颜色空间和色域。经典插值可能会导致中心插值区域渐变的中间区域出现浑浊的颜色，而使用或时颜色仍保持鲜艳。
如下图所示，当应用于上一个示例中的暖色和冷色调色板时，结果明显不同。当我们比较左和右颜色空间时，相同的颜色混合会产生不同的结果与和不同，和两者在感知上是一致的。用的话说，这意味着坐标中相同的数值变化会产生相同的感知色差因此，当谈到颜色插值时，我倾向于更喜欢颜色空间-但选择是你的！-了解较短和较长的插值路径在极坐标或圆形颜色空间中，例如和，我们还可以选择颜色插值的方向。当我们均匀混合两种颜色时，得到的色调角度将位于两种颜色角度的中间。这将根据插值是否遵循色环周围较短或较长的路径而有所不同。登录测试用例的构建摘要的屏幕截图，显示测试数量通过或失败步骤数量通过或失败屏幕截图执行时间和状态执行完成后，您可以在左侧面板的交易分析中访问各种分析报告。的无代码测试生成器提供的另一个功能是记录和播放。它可以让您将应用程序或浏览器操作转变为强大的自动化测试。创建项目和模块后，您可以单击来使用此功能。您会注意到右侧面板中有一个开始录制按钮，单击该按钮将开始录制您的操作。完成后您可以单击停止。请注意，实时视图和元素选取器在执行期间会被锁定。
|
|
发表于 2024-4-18 13:18:36