【3.20译】在UX设计中利用色彩创造情绪

在现在设计中,颜色的选择在任何情况下都非常重要。在设计中,我们想通过无声无语的方式表达设计,颜色就是其中最重要的关键。

在通常情况下,不同颜色唤起不同的感情。为了让你认识到其中的奥秘,我们已经编写了一个快速参考指南,涵盖了每种颜色的独特的作用,以及如何将它运用到UX设计中。

红色

危险性,重要性,激情

在所有颜色中,其中一个表现力最强的颜色,表达战争和爱情的同时。俗话说,“看到红色”突出了愤怒的颜色。

红色元素更明显,加上一个重要的意义,无论是好的还是坏的。淡红色的图片是主题是青春和爱情的好,而暗红色强调力量和持久性,如可靠的朋友。

Netflix和YouTube使用红色作为主要颜色。

红色可以作为警戒色,如在交通灯和标志,参考已从自然,红色是作为威慑。但是,你应该小心的使用它,作为一个小走一段很长的路。这是一个伟大的颜色需要注意使用,但过量则会过于紧张。

消极的按钮右边的“删除”有更高的对比度,左边的中性取消。

最后但并不是最不重要的,红色与热的关联。


红色与热的关联

橙色

自信,乐观

橙红色在股票里面意味着刺激增长但是增长程度较轻。橙色可以与健康有关,如维生素C。


橙色是一种活泼,乐观的颜色,非常适合休闲场所,但是他不适合最要出现在企业网站中,一些研究表明,橙色给人感觉便宜或者更坏的东西。但是物业这个行业使用橙色效果是很好的方式.

Hipmunk

黄色

注意,幸福

奇怪的是,黄色代表幸福与焦虑。他通常是充满活力与乐观的。但是明亮的色调会有一种强调效果,这个方式经常使用在警告标志上采用。


Discover the Model.

加上黑色可以获得更多关注。一个最好的例子就是设计一个出租车,通过和黄色结合,可以获得更多关注.


如果你使用黄色请注意下里面简单的规则:淡黄色可以让用户感觉到阳光快乐,暗色调给人感觉很严肃以及古老.

绿色

增长,自然,成功

绿色让人第一感觉关联到植物上,因为大多数植物都是绿色的,它与生长和健康有关.


食品大量采用绿色的网站设计。

在色彩饱和度上要注意。


绿颜色的饱和度。

饱和的绿色给人感觉令人兴奋和充满活力,绿色的按钮可以获得更多关注,所以一般的执行按钮都是使用绿色.


firefox

蓝色

信任,舒适,放松

蓝色是UI设计中的最重要的颜色之一,也是最常见的。根据对色彩和色调的改变,它可以代表不同的感情,思想和情绪。暗蓝色能给悲伤的感觉。

浅蓝色是天空和水的颜色,它可以提神,自由和平静。这种放松的友好也会转化为内在的信任,这就是为什么它是经常使用的原因.


平静的APP使用浅蓝色作为主色调。

并非巧合的是,两个最大的社会媒体,Facebook和twitter蓝色为核心的色彩都使用。


传闻:扎克伯格曾经提到,他用蓝色,因为他是色盲,所以他不能真正地看到任何其他颜色时,他设计的原创网站。

紫色

豪华、浪漫、创造力

高贵与皇室被紫色所代替。紫色暗示产品或网站比较华丽高端.


奢侈品牌的品牌使用紫色着色。

因为紫色周期回到红色的光谱,它有红色的激情的特点,尤其是淡如薰衣草。


谷歌更新的主题是紫色的。

粉红色

温柔,纯真,青春

粉红色通常是含糖的糖果色,所以颜色会有嬉闹的气氛,有点幼稚。这就是为什么你可以添加一点粉红色让用户高兴的原因。

来源:Dribbble

粉红色并不总是意味着女性。事实上,过度使用粉红色的“女性特质”很容易激怒用户。


你觉得呢?

棕色

保守主义、地球、稳定

伦敦的绅士不穿棕色。同样的棕色不适合大多数网站,但对于那些比较完美的作品。棕色可以用于一个乡村,老式的感觉,完美的户外场所,甚至有机产品。木材的内涵也建议稳定性和可靠性.


德芙巧克力的网站有一个几乎完全的棕色的网站设计,以不同深浅的用来抵消站点的不同部分。

在一般情况下,使用饱和色的棕色来作为菜单、面板和背景。

黑色

正式,权力,成熟

黑色是最强的所有颜色,它吸引的注意力比其他颜色的更快,即使是红色。这就是为什么它是最常用在文字中。当作为一个配色方案的主要组成部分,如背景、黑色比任何颜色都适合创造自己的感情。


对比

结合银色或灰色,它可以代表成熟,如上面的例子:


肖像

白色

新鲜、健康

黑色正好是它的相反色,白色颜色普其他颜色在它的周围,使它为辅助色的首选。


iPhone6s

当白色是主色,其黑色具有压倒性。如果你的白网站似乎太单一,试着白 的分支- 用象牙和奶油色组合。尝试使用色调让白色元素看起来不错。


白色是一种卡牌色

灰色

形式,中立性、复杂性

灰色代表中立。如果你的网站或应用程序使用冷色,一个灰色的混合和一点冷色会补充它。如果您的网站使用暖色,一个灰色的混合和一点温暖的颜色将补充它。添加到您的灰色色调,增加色彩饱和度。


互补

通过改变它的阴影,灰度可以在黑色或白色的特点。当作为一个主要的颜色,灰色给人居于形式的印象,但是这并不总是意味着坏事。Dropbox使用灰色突出按钮免费注册用户能够找到正确的按钮,真的很快。


Dropbox是灰颜色的使用一个很好的例子。

您可以使用内容和相应的图像,以避免“忧郁”的感觉,通过一个元素可以给人感觉强烈关注。


浅灰色的颜色最适合按钮禁用(无效)状态


按钮颜色为灰色

结论

正确的设计决策才是用户认为是正确的.


A/B测试转换

颜色的使用是很重要的,有时候很多情况下没有设置好通用的颜色。在一个网站或应用程序的东西,不一定适合另一个,从你的目标市场在设计过程的早期很重要。

原文在www.babich.biz

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容