[ad_1]

互联网上没有什么比 网站Web 平淡无奇。 当然,一些网站故意选择野蛮或极简主义的外观(看看你的 Craigslist),但即使这些也不是。 褪色. 拥有纯色调色板是让您的 网站Web 米色的群众,那些没有灵感的单色商店 de压过去 我是按。 幸运的是,Divi 为您提供了我们的 Magic Color 系统和全局颜色功能的组合。 您可以轻松地将调色板应用到您的 网站Web 迪维。 结果一定会给您留下深刻的印象 游客.

关于调色板的一般建议

无论将调色板添加到您的 Divi 网站有多么容易,您都必须为您的行业和品牌使用正确类型的调色板。 如果您已经拥有品牌颜色,那么这些是显而易见的选择。 除了深入了解色彩理论(顺便说一下,这很有趣),我们还有一些技巧可以帮助您确定从哪里开始使用新的调色板。

1.选择深色或浅色的网站

在您将使用的配色方案中,您无疑将拥有浅色和深色。 在配色方案中,对比度是强制性的,这样书写的内容就不会丢失。

现在,这立即将我们带到了当您想将调色板应用于您的网站时需要问自己的第一个问题; 你想要_____吗 创建一个网站 深色还是浅色? 仅仅因为你选择了一个并不意味着你不能将它们组合起来,但是有一个选择可以帮助你更轻松地选择你的配色方案。

2.颜色选择

理论上,您可以自己确定您想要的配色方案有多少种颜色。 没有应用或确定调色板的标准方法。 但是,要使用 Divi 创建良好的色彩平衡,我们建议您使用五种颜色。

为了帮助您将具有五种颜色的调色板应用到您的网站,我们选择了一种方法,在呈现不同的调色板时,我们将始终将其应用于相同的布局。 但在我们深入研究之前,让我们看看如果您要通过我们的方法,您的调色板中需要具有的不同类型的颜色。

背景颜色

调色板

确保您选择的背景颜色相互匹配。 您将使用这些背景颜色彼此接近并获得漂亮的效果; 他们必须有某种和谐。

字体颜色

调色板变化

接下来需要选择的是字体颜色。 从逻辑上讲,字体颜色取决于您选择的背景颜色。 如果您选择了浅色背景,请确保您的字体颜色为深色,反之亦然。

超链接和 CTA 颜色

调色板变化

您选择的超链接颜色是使您的网站栩栩如生的颜色之一。 确保此颜色与调色板中的其他颜色不同,因为您将在网站上包含的任何号召性用语中使用它。

最后润色的颜色

调色板变化

最后,您可以选择另一种为您的网站带来色彩的现成颜色。 虽然这种颜色不如超链接颜色重要,但它会帮助您完成网站上的色彩平衡。

3.确保有足够的对比度

如前所述,在配色方案中提供某些颜色之间的对比是必不可少的。 如果您为网站使用配色方案,这种对比将主要帮助您使共享的书面内容具有可读性。 因为,如果您的内容不容易阅读,那又有什么意义呢?

4. 找到正确的色彩使用平衡

有多种方法可以确定您希望在配色方案中使用特定颜色的频率。 如果您不想让他们对您在网站上使用的颜色感到不知所措,那么创建良好的色彩平衡是必要的。

确保大部分时间在您的配色方案中使用最中性的颜色,并使用其他颜色来突出您提供的内容。

如何将调色板添加到您的 Divi 网站

考虑到所有这些,是时候深入研究 Divi 并应用您网站的新配色方案了!

默认的 Divi 调色板

首先,转到您的 WordPress 仪表板并导航到 Divi - 主题选项。 在下面 一般 选项卡,您将看到一个标题为 默认颜色选择器调色板. 这使您可以在每次在 Divi 构建器中打开颜色选项时选择要快速访问的 8 种颜色。 默认情况下,这些是许多人使用的明亮颜色,但它们不是应该在单个网站上使用的完整调色板。

默认调色板

请注意,这不会将颜色应用于您的网站本身。 它仅将它们显示为构造函数中的快速选项。

进入Divi构造函数

无论您是否在 Divi 设置中定义调色板,您始终可以将不同的颜色应用于您网站的元素。 为此,请转到 Divi Builder 并在新调色板中输入要调整的任何模块的参数。

颜色选择器

在任何元素当前选择的颜色下,您将看到 省略号图标(三个点). 当你点击它时,你会从 Divi 调出 Magic Color 工具。 构建器会考虑您最近使用的颜色和页面本身的颜色,为您提供一系列由互补色组成的多个调色板,这些调色板应该可以很好地协同工作。

将颜色定义为全局

一旦确定了要使用的颜色,就可以将它们设置为全局颜色。 全局颜色可以配置为在整个页面上更改,无论模块或元素如何. 这意味着,如果您想交换 5 种不同的颜色,则不必在该颜色的实例上单独进行 100 次以上的交换。 你会这样做5次。

首先,转到任何带有颜色选择器的模块。 您将在下方看到一个名为的链接 全球. 单击它,全局调色板就会消失。 从那里,您将通过单击按钮定义要在全球范围内可用的颜色 加+ 图标。

全球化

当新的选择器出现时,单击按钮 绿色勾号 将当前颜色添加为全局选项。

全局颜色

白色圆圈在哪里并不重要。 十六进制值是添加到全局颜色中的值。 您现在将看到加号图标旁边添加的默认颜色。 您可以看到颜色已应用于站点,因为颜色上有放置图标而不是通常的圆圈。

水滴代表整体颜色

此外,您可以右键单击所选颜色并选择“转换为全局”以将其添加到列表中。

全球分频转换

对您选择的调色板中的每种颜色重复此过程,以便您的整个调色板最终保存在全局链接下。 这在您将新调色板应用于页面上的所有元素时非常重要。

应用全局颜色

那么你想替换你页面上所有相同颜色的实例就可以全局调整了。 您要做的是转到具有您要更改的颜色的元素并右键单击它。 然后你会选择 查找和替换 从上下文菜单。 不要在此处将此颜色转换为全局颜色. 这是下一步的一部分。

查找和替换

下一个屏幕将是您选择用整体颜色替换此颜色的地方。 确保在 用。。。来代替 你点击 全球 然后选择要在页面上扩展的整体颜色。 确保选中“替换在每种类型的选项中找到的所有值,不限于[插入当前元素类型]”框。 这将确保无论如何,该颜色都会被替换。

查找并替换为全局

现在您可以更改特定的整体颜色,当您这样做时,它的每个实例都会更改。 请注意,不要从调色板中选择新颜色。 这只会改变当前的颜色。 你 编辑 随处更改颜色,因为您已将该单一颜色的每个实例标记为全局。

选择颜色

您可以使用颜色选择器对其进行集体编辑。 只需单击液滴即可选择一个新的液滴。

颜色编辑

之后,只需对新调色板中的每种颜色重复此过程。 调色板中的每种颜色只有一个变化。 不是交换特定颜色的每个特定项目。

为您的 Divi 站点选择和应用全局调色板从未如此简单。 您可以使用我们的 Magic Color 功能来帮助您选择调色板,然后您可以将它们设置为您网站的整体颜色。 完成后,您所要做的就是选择要交换的颜色并使用 Divi 的内置搜索和替换功能来替换页面上的这些颜色。 使用此工作流程,您一定会节省大量时间重新设计各种网站和修改我们的一些免费布局包。

快乐!

ART.ICON/shutterstock.com 文章的特色图片



[ad_2]

来源链接