大兴高端网站建设:如何创建完美的颜色组合

2019.08.17 mf_web

190

设计过程中最具挑战性和最棘手的部分之一是选择代表您的品牌或信息的调色板,同时为设计创建一个惊人的基础。

创造完美的色彩组合不仅仅是挑选两种颜色并随之运行。实际上背后有相当多的科学和设计色彩理论。今天,我们将介绍九种方法来帮助您创建更完美的调色板。(当然,这些提示附带了一系列具有漂亮色彩组合的网站。)大兴高端网站建设

从色轮开始

色轮

你小时候还记得学校的色轮吗?它仍然是一个成年人的实用工具。

色轮可以帮助您思考颜色以及不同色调之间的相互关系。这是一种确定一对(或多种)颜色是否会以和谐的方式相互关联的实用方法。

轮子包含一次,二次和三次颜色以及其中的每种组合。

  • 原色:红色,黄色,蓝色

  • 二次色:绿色,紫色,橙色(两种原色混合)

  • 第三种颜色:天蓝色,紫罗兰色,玫瑰色,红橙色,黄绿色,春绿色(主要和次要颜色的混合)

俏皮的

如何在车轮上混合颜色很重要,并有助于色调的协调效果。

  • 类比:在色轮上选择彼此相邻的三种颜色

  • 补充:色轮两侧的颜色

  • 分割互补:选择一种颜色并使用与色轮相反颜色两侧的颜色

  • 双重补充:最难创造,这个概念使用原色和色轮上相反颜色两侧的补充(最适合色调和色调)

  • 单色:一种颜色和该颜色的变化(如Nifty,上面)

  • 三重奏:色轮上的三种颜色等距离

大多数颜色选择工具使用色轮模拟来帮助您进行颜色选择。(所以这部分设计理论真的没办法。)

黑色,白色和中性很重要

黑色,白色和中性很重要

但调色板不仅仅是一两种亮色。可以说,调色板中最重要的颜色可能是你看不到的颜色 - 黑色,白色和中性色。

这些颜色为其他一切工作奠定了基础。它们通常是背景的一部分,为项目提供温暖或凉爽的感觉,并通过排版和其他方向线索有助于整体导航和可用性。

色调和着色

色调和着色

很少有设计师会从色轮中抓取几种颜色,直接使用它们。这就是色调,色调和阴影的来源。

  • 色调:颜色加白色

  • 阴影:颜色加黑色

  • 色调:颜色加灰色或黑色和白色

这些变化会改变颜色的饱和度,并在调色板中给出方差。在创建颜色组合时,色调,色调和阴影通常用于将调色板扩展为两种或三种颜色,因此所有色调都在同一系列中(与使用粗体或斜体的排版方式大致相同) )。

谨慎使用趋势

谨慎使用趋势

那里有很多“时尚”的颜色。虽然它们可以很有趣地使用,但这些颜色可能会更难以长期使用。如果你想使用颜色趋势,坚持一个时髦的选项,并将其用于你的调色板。

通常,您希望创建一个能够经得起时间并且可以反复使用的调色板。(颜色是品牌标识的重要贡献者。)使用“你的”几种颜色,并添加一个时尚的选项作为最大影响的重点。(这样,当趋势结束时,您可以返回另一种强调色。)

避开彩虹

避开彩虹

当用于目的和适度时,颜色是最佳的。调色板中不需要五种,10种或15种颜色。最好的颜色组合通常只是具有中性背景的两种或三种颜色的分组。

为什么?这样就可以看到每个颜色的空间并且有目的。颜色应该在设计中做点什么。颜色太多,唯一的目的是颜色。存在最佳设计和颜色组合,以便每种颜色都具有特定的角色,并且用户可以以使网站更易于使用的方式使用颜色。(例如,大多数设计师对网站项目中的每个按钮使用相同的颜色。)

包含文本元素的颜色

包含文本元素的颜色

在构建颜色组合时,考虑文本元素很重要。除非文本仅为黑色,白色或灰色,否则将确定将用于文本元素的颜色(或颜色)。

这可以包括从颜色到可读性或可用性到链接到菜单项的任何内容。规划文本颜色选择时最重要的考虑因素是可读性。刻字需要与背景有很大的对比,以便可以轻松地看到和阅读。

用于文本元素的颜色可以是整体配色方案的一部分,也可以是刻字特有的强调色。

考虑颜色与内容相关

考虑颜色与内容相关

在最好的颜色组合不仅匹配色调色调,但他们也匹配颜色的内容。想想网站上究竟是什么。颜色选择是否与内容完美融合?

有时这是一个明显的问题和解决方案。处理自然或环境的网站可能使用绿色或棕色; 银行网站通常是蓝色的,因为这种颜色与信任有关。

其他时候,这并不容易。如果您有疑问,请查看网站设计中的图像。从中拉出样本以帮助建立最合适的颜色类型的基线。然后从那里建立。

坚持调色板

坚持调色板

一旦您开始创建一个出色的颜色组合,建立一个调色板,以便在整个项目中颜色使用保持一致。建立一套如何使用颜色的规则。

回答这些问题以便开始:

  • 你使用了多少种颜色?

  • 是否有使用的色调,色调和阴影?

  • 文字可以上色吗?

  • UI元素是否有一组色调?

  • 可以将调色板外的重点颜色添加到混音中吗?

结论

谈到色彩,许多制作精美调色板的东西都是从你开始的。颜色看起来和感觉对吗?这似乎是一个简单的测试,但它很重要。如果您不确定,请重新考虑您的选择或回到理论的根源并更改其中一种颜色。

请记住在调色板中创建对比度和方差。建立一种感觉。并记住将颜色与内容相匹配,以获得最佳的整体用户体验。

大兴高端网站建设

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP