• 设计众包
  • 儿歌众包
  • 软文众包
  • 童话众包
  • 动漫众包
  • 财会众包

在UX设计中利用色彩影响情绪

发布时间:2016-05-24

作品版权:牛人版权所有,禁止匿名转载;禁止商业使用;禁止个人使用。

8533 2

       颜色是我们观察事物的第一认知,是最能触动我们感官的视觉元素。颜色可以激发我们的联想,刺激我们的情绪。在设计中,颜色的合理运用一直是个很重要的课题。现在就让本篇文章带你认识每种颜色的独特作用和如何运用在UX设计之中吧。



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


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

   红色       

危险性,重要性,激情


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


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



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



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


    橙色        

自信,乐观。


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



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


    黄色        

注意,幸福.


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



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



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

    绿色        

增长,自然,成功


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



在色彩饱和度上要注意。



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


    蓝色        

信任,舒适,放松.


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


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



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



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

    紫色        

豪华、浪漫、创造力


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



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


    粉红色        

温柔,纯真,青春


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



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


    棕色        

保守主义、地球、稳定


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



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

    黑色         

正式,权力,成熟


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



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


    白色        

新鲜、健康


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



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


    灰色        

形式,中立性、复杂性


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


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



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



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



结论

正确的设计决策才是用户认为是正确的.可以通过A/B测试转换.


 

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

 

分享到:
Copyright © 2008 - 2024 牛人 (niuren.com)All Rights Reserved 粤ICP备17135076号 增值电信业务经营许可 电信与信息服务业务经营许可证
发布需求
点击这里给我发消息