厦门网站设计网页配色规则

人机交互是大量的图形UI元素，颜色在这方面起关键作用。正如皮埃尔·波纳德曾经说过的：

颜色不会增加设计的愉快质量 – 它加强了它。

在设计新产品时，由于无限数量的可能的颜色组合，通常难以决定配色方案。在本文中，我们将介绍八个基本规则，可帮助您选择正确的调色板。

1.限制颜色数量

将颜色应用于设计项目与平衡有很大关系。你使用的颜色越多，实现平衡就越困难。如果您的配色方案中最多支持3个基色，您将获得更好的效果。根据多伦多大学的研究，人们如何使用Adobe Color CC，大多数人都表示，他们喜欢简单的颜色组合，仅依赖于两种或三种颜色。

如果您需要除调色板中定义的颜色以外的其他颜色，请使用色调和色调。

如何创建一个方案

那么你如何选择这两种或三种颜色？色轮可以帮助。

有许多预定义的颜色方案标准，使创建新的方案更容易，尤其是初学者：

• 单色。单色方案是创建的最简单的方案，因为它们都是采用相同的颜色，但包括色调，色调和色调的变化。单色的颜色一起很好，产生舒缓的效果。

• 类似。类似的颜色方案是从相关颜色创建的; 一种颜色用作主色，而其他颜色则用于丰富该方案。虽然这相对容易脱落，但诀窍在于决定您使用的颜色的活力，因为整个方案将被夸大。例如，“ 清除”手势驱动的待办事宜应用程序使用醒目的类似颜色来视觉地优先考虑当前的任务集。虽然平静的冥想应用程序使用类似蓝色和绿色的颜色来帮助用户轻松和平静。

• 补充。在最基本的形式中，这些方案只包含两种强烈对比的颜色。该方案用于吸引观众的注意。当使用互补方案时，重要的是选择主色，并使用其补色。例如，当人眼看到充满不同种类的绿色的物体时，有一点红色将会脱颖而出。

• 自定义。创建自定义配色方案并不像许多人认为的那样复杂。您可以使用一个简单的技巧来创建精美的调色板：只需在其他中性调色板（例如传统的单色方案）中添加明亮的色调。新创建的计划将是非常醒目的。

受到自然的启发

最好的颜色组合来自大自然。为什么？因为这些计划看起来很自然。为了得到启发，我们只需要环顾四周。如果您在日常生活中看到特别美丽或醒目的色彩，请尝试创建一个周围的方案。只需拍摄一个美丽的时刻，并从中创建您的配色方案。

3.尝试遵循60-30-10规则

这是一个永恒的装饰规则，可以帮助您轻松地将配色方案放在一起。60％+ 30％+ 10％的比例是为了平衡任何空间中使用的颜色。

这个概念是非常简单的使用：60％是你的主色调，30％是次要颜色，10％是口音颜色。这个想法是辅助颜色支持主要颜色，但是它们不同于将它们分开。你的10％是你的口音。它可以是CTA或要聚焦的另一个元素的颜色。

灰度设计第一

玩颜色很有趣 这就是为什么选择配色方案是我们在新项目中首先做的事情之一。引导配色是非常诱人的，但是我建议先强制自己设计灰度。以灰度梯度构建应用程序的原型，并将其用作基线。在添加颜色之前，以灰度设计，您将专注于间距和布局元素。

最后添加颜色，甚至只有一个目的。

5.避免使用黑色

在现实生活中，纯黑色几乎不存在。我们周围的所有“黑色”物体都有一些光线反射，这意味着它们不是真正的黑色，它们是深灰色的。道路不黑 阴影不是黑色的

当您将纯黑色放在一组精心挑选的颜色旁边时，黑色会超出其他一切。它脱颖而出，因为它不自然。我们每天使用的许多应用程序都有黑色，这些黑色不是真正的黑色，而是黑色。例如，Asos顶部栏中最暗的颜色不是＃000000，它是＃242424。所以记住要总是给你的颜色添加一点饱和度。

6.使用颜色对比度设置重要性

Сolor是一个可以帮助引导眼睛的工具。你越想要脱颖而出，就越需要依靠对比的颜色。一般来说，高对比度是重要内容或关键要素的最佳选择。如果您希望用户看到或点击某些东西，让它脱颖而出！

7.使用颜色影响用户的情绪

这是一个众所周知的事实，颜色具有固有的意义，可以引起情绪。这些含义将直接影响到用户感知您的产品的方式。

当您为应用程序/网站选择一个调色板时，您不能仅仅考虑事物的外观，还必须考虑他们的感受。您选择的颜色可以用于或反对您尝试创建的品牌标识。为了让您开始，我编写了一个快速参考指南，涵盖了每种颜色（在西方世界）的基本关联。

红色，橙色，黄色

• 红色（激情，强大，危险，重要）：红色是极其刺激的颜色。它给人的印象是速度和力量。它被称为能量的颜色。已经证明增加血液循环和促进新陈代谢的生理作用。这就是为什么当人们看到红色时，他们读得越来越快。使用红色是一种抓住用户注意力或突出显示需要注意的单个元素的方法。
• 橙色（嬉戏，充满活力，有吸引力，便宜）：橙色是一种温暖而充满活力的色彩。它有一个精力充沛的光环，能够为您的用户创造温馨的温馨感觉。一些研究人员发现橙色代表廉价。
• 黄色（快乐，友善，刺激，注意力）：黄色是一种非常多才多艺的颜色，取决于您选择的阴影。浅黄色与太阳相关联，因此传播积极性和温暖度。黄色的深色（如金色）给人的印象是古代和年龄。这些较深的色调通常与永恒和智慧有关。

绿色，蓝色，紫色

• 绿色（自然，安全，新鲜）：绿色反映了环保主义和自然接近的感觉。它也意味着增长，这就是为什么它经常与业务相关联。绿色意味着对或错。
• 蓝色（平静，负责任，值得信赖，可靠）：蓝色常常与平静和放松的情绪相关联。它也与实力和可靠性相关联，给人以信任和敬业精神。蓝色散发着内心的安全感。这就是为什么你可能会看到银行和技术企业使用这种颜色。社交媒体巨头如Facebook，Twitter和LinkedIn都在网络上使用蓝色的蓝色。
• 紫色（豪华，神秘，浪漫，灵性）：历史上与皇室相关联，紫色暗示了产品是高端的。

粉红色，黑色，白色，灰色

• 粉红色（女性，无罪，青春）：粉红色以其女性气质而闻名。
• 黑色（强大，复杂，神秘，光滑）：黑色比其他颜色（包括红色）吸引更多的注意力。这就是为什么它最常用于文字和口音。
• 白色（纯度，健康，清洁，无辜）：白色口音周围的其他颜色，使其成为次要颜色的受欢迎的选择。
• 灰色（中性，正式，复杂，无菌）：灰色代表中立，它可以承担黑色或白色的特征。当用作原色时，会给人以正式的印象。