加入收藏 | 设为首页 | 会员中心 | 我要投稿 常州站长网 (https://www.0519zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 交互 > 正文

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

发布时间:2017-01-24 05:33:18 所属栏目:交互 来源:产品壹佰
导读:副标题#e# 颜色在潜意识里影响我们的思维和理性。我们一直面临着颜色的选择,从决定早上穿什么颜色的衣服开始,通常,我们会根据色彩传递的情绪和意愿来选择穿什么衣服。比衣柜的选择更重要的是你的品牌或网站的色彩选择。 颜色研究和规划是设计过程的重要

象牙色比白色更温暖,在体现同样的简约和互补的同时,能给人一种舒服的感觉。象牙色应该被用来代替白色,以软化它和更暗的颜色之间的对比度。对于 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/#

(编辑:常州站长网)

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

热点阅读