色迷心窍|如何用色彩唤醒用户的情感认同？

象牙色比白色更温暖，在体现同样的简约和互补的同时，能给人一种舒服的感觉。象牙色应该被用来代替白色，以软化它和更暗的颜色之间的对比度。对于 art in my coffee 网站，橙色/棕色被添加到奶油背景（看起来有点微灰色），以创造一种温暖的感觉。

配色方案

每个网站都有一个配色方案，在它的主要区域使用主要颜色。正如我们一直在讨论的，这些颜色的重复使用将影响用户的心态和心情，通常是潜意识，所以选择它们会很好。

虽然有很多不同的方式来把颜色混合在一起，我们将关注3个最成功，最常见的：

三元组– 三元组是三个结构中最基本和平衡的。使用活力和互补，但偏离了棘手的对比，三元结构是最安全和最可靠的方案。在12步色轮上，选择彼此相隔120度的任意三种颜色：一种颜色用于背景，两种颜色用于内容和导航。

复合（分裂互补）– 这个配色方案略微复杂，但如果用得好，可以收到不错的效果。该概念使用四种颜色：两个对比对和两个互补对。

下图中 Florida Flourish 的配色就是很好的例子。红色和绿色的对比与文本标签和植物，加上沙漠上面的蓝色和橙色的天空。同时，红色/橙色和蓝色/绿色的补充让整个视图很协调。

类似– 最后有类似的方案，专注于互补色。真正突出了所选择的颜色的活力，例如，一个红橙黄色的类似方案将看起来非常活泼和活泼。 虽然这个方案相对容易拉开，诀窍是决定使用哪种颜色的活力，因为它会被夸大。

通过使用蓝色，绿松石和绿色的类似网站， Blinksale 创建一个柔和，甚至具有安全气氛的网站。注意他们如何使用对比的黄色来吸引注意他们的号召力。

我们刚刚讨论的只是颜色理论如何增强你的 UI 设计的基础，但是没有限制如何更深入的去探索对你网站色彩的应用。

常用的配色协助工具

有很多工具能帮助你把颜色理论付诸实践。通过查看预制的调色板，不需要从头开始。

• Adobe Color CC– 以前叫 Kuler ，这是最受信任的配色工具之一。
• Paletton – 如果你需要一个快速上手，简单易用的工具，Paletton很适合上手。
• Flat UI Color Picker – 对于平面UI设计，这是一个非常有用和方便的颜色选择工具。

没人希望你能成为米开朗基罗，但对颜色使用的基本了解是网页设计的坚实先决条件。

正如我们刚才解释的，颜色带来了很多额外的效果，但有时却很容易被忽视。无论你选择什么颜色，他们对设计作为一个整体有一个明确的影响 – 从交流对比或相似性，到唤起精确的情绪。

本文由 Zoran @ 吆喝科技（微信：appadhoc）编译自：

http://thenextweb.com/dd/2015/04/07/how-to-create-the-right-emotions-with-color-in-web-design/#

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!