IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

设计中的色彩心理学(上):九种色彩所代表的心理感应

Catherine • 2017-05-10 05:50 • 交互设计

之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。

文章目录[隐藏]

  • 1、红色
  • 2、橙色
  • 3、黄色
  • 4、绿色
  • 5、蓝色
  • 6、紫色
  • 7、白色
  • 8、黑色
  • 9、灰色

之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。

设计中的色彩心理学(上):九种色彩所代表的心理感应

无论什么设计,工业设计、室内设计、平面设计、以及 UI 设计也好,其实归纳起来都离不开形、色、质、构这 4 个维度:

  • 「形」来定义这个设计占多少体积,长宽高是多少,张什么样,有形的无形的其实都有他本身的视觉体量。
  • 「色」 也就是这次我们要着重讲的,这个设计的颜色是什么,颜色信息输入就包括:色相、明度、饱和度这样的色彩本身属性的信息,也会包含色彩对感官产生的心理影响,不用的颜色属性和不同的色彩搭配带来的影响也是不一样的。
  • 「质」 是设计本身带来的质感感受,比如软的、光滑的、毛绒绒的。有时是以图案的形式在设计中出现,有时是以机理和花纹的形式体现在产品中。如 Jawbon 的 up 手环现在的设计语言,以及最新的 Apple Watch Nike++,都采用了凹凸的花纹质感和圆的镂空来分别表现时尚和运动。
  • 「构」 可以理解成构图、比例,有点像摄影中的构图。讲究的是一个设计中整体的长宽比例,各个元素的布局和大小的安排,在 UX 设计中是一个必须要留意和注重的地方。

回过头来讲我们重点:色彩。

大自然间的有色光通过不同物体的反射传达到人眼中,不同的波长表达出不同的颜色信息,有色光作用于人眼的过程,伴随着色彩的感知和情感体验。康定斯基在这方面贡献很大。他从研究的范围,划分了色彩的直接性心理感应和色彩的间接性心理感应两个维度。前者是客观性的直观效果,是色彩的固有感情;后者是通过色彩的联想偏好为媒介而表现出来的情感体验。两者的影响因素往往是同时存在的,它们的关系很难绝对区分的。

通常把色彩的物理性(色相、明度、饱和度)感应发展为某种心理的体验,称为直接性心理感应。

色彩本身属性带给人的单纯心理感应,是由色彩的固有属性所导致,这种直接的情感对应关系,是人类在整个进化中,所积累的生存经验潜移默化的积累而成,就好比红色因为与血和火焰的颜色一样,就代表着危险和警示的作用。学会如何在设计中熟练的运用色彩来达到我们设计的目的,以及为了把色彩的表现力和对用户心理影响最充分的发挥出来,达到身心结合,天人合一的境界,我们必须深入研究色彩的属性以及所对应的情感体验。

以下是主要的几个色彩所代表的心理感应:

1、红色

红色光波长最长,最容易引起人的注意、兴奋、激动、紧张,同时给视觉以迫近感和扩张感,称为前进色。红色还给人留下艳丽、芬芳、青春、富有生命力、饱满、成熟、富有营养的印象,被广泛地用于食品包装之中。红色又是欢乐、喜庆的象征,由于它的注目性和美感,它在标志、旗帜、宣传等用色中占据首位。红色也象征着危险,所以大部分代表警示的标志(红绿灯、静止停车)和按钮(消防按钮)都采用了红色。

设计中的色彩心理学(上):九种色彩所代表的心理感应

2、橙色

橙色的波长居红与黄之间。伊顿说:“橙色是处于最辉煌的活动性焦点。”它在有形的领域内,具有太阳的发光度,在所有色彩中,橙色是最暖的色。橙色也属于能引起食欲的色,给人香、甜略带酸味的感觉。橙色是一种充满生气和活力的颜色。柔和的橙色让人联想到大地以及秋色。因为它与季节的变换有关,橙色一般用来表现变化和运动的感觉。

设计中的色彩心理学(上):九种色彩所代表的心理感应

3、黄色

黄色的波长适中,它是有彩色中最明亮的色。因此给人留下明亮、辉煌、灿烂、愉快、亲切、柔和的印象,同时又容易引起味美的条件反射,给人以甜美感、香酥感.黄色也与危险有关,不过没有红色那么强烈,因此在很多界面中,黄色是作为比红色底一级的警告色出现的。

设计中的色彩心理学(上):九种色彩所代表的心理感应

4、绿色

绿色光的波长恰恰居中,人的视觉对绿色光反应最平静,眼睛最适应绿色光的刺激。绿色是植物王国的色彩,它的表现价值是丰饶、充实、平静与希望.绿色继承了蓝色所有具备的平静的属性,但是它也吸收了一些黄色的活力。绿色也代表着通过,完成的意义。很多环保完整的设计也都会选用绿色来表达生命的情感。

设计中的色彩心理学(上):九种色彩所代表的心理感应

5、蓝色

蓝色光波长短于绿色光,它在视网膜上成像的位置最浅,因此,当红橙色是前进色时,蓝色就是后退色。红色是暖色,蓝色是冷色。蓝色表现千种精神领域,让人感到崇高、深远、纯洁、透明、智慧。蓝色也是公司最偏爱的颜色,代表着科技和理性,在一份业界logo的选用的可视化案例分析中,蓝色是所有公司logo中选用最多的一种颜色,红色次之,估计大多数公司BOSS都希望通过红色的显眼程度来让他们的公司脱颖而出吧。

设计中的色彩心理学(上):九种色彩所代表的心理感应

6、紫色

紫色光波长最短,眼睛对紫色光的细微变化分辨力弱,容易感到疲劳。紫色给人高贵、优越、奢华、幽雅、流动、不安的感觉,灰暗的紫色则是伤痛、疾病,容易造成心理上的忧郁、痛苦和不安的感觉。因此,紫色时而有胁迫性,时而有鼓舞性,在设计中一定要慎重使用。

设计中的色彩心理学(上):九种色彩所代表的心理感应

7、白色

是全部可见光均匀混合而成,称为全色光。又是阳光的色,是光明色的象征。白色明亮、干净、卫生、畅快、朴素、雅洁,在人们的感情上,白色比任何颜色都清静、纯洁,但用之不当,也会给人以虚无、凄凉之感。很多的产品设计,室内设计都会选用白色来作为主色调,来突出简洁、朴素和纯净之感,比如早期的Apple产品,无一例外是采用了白色,就是著名的“白雪公主”设计语言。还有日本的平面设计泰斗原研哉,对白色的运用也是出神入化,设计了MUJI的很多产品手册和产品包装,日本的设计所带来的设计上的心理感受和白的特质很契合,干净,朴素中带着一种禅道。

设计中的色彩心理学(上):九种色彩所代表的心理感应

8、黑色

从理论上看,黑色即没有光波的光,是没有颜色的色。在生活中,只要光照弱或物体反射光的能力弱,都会呈现出相对黑色的面貌。黑色对人们的心理影响可分为两类。首先是消极类。例如,在漆黑之夜或漆黑的地方,人们会有失去方向、失去办法的阴森、恐 怖、烦恼、忧伤、消极、沉睡、悲痛、绝望甚至死亡的印象。其次是积极类。黑色使人得到休息、安静、沉思、坚持、准备、考验,显得严肃、庄重、刚正、坚毅。 在这两类之间,黑色还会有捉摸不定、神秘莫测、阴谋、耐脏的印象。在设计时,黑色与其他色彩组合,属于极好的衬托色,可以充分显示其他色的光感与色感,黑 白组合,光感最强,最朴实,最分明,最强烈。

设计中的色彩心理学(上):九种色彩所代表的心理感应

9、灰色

居于黑与白之间,属于中等明度。无彩度及低彩度的色彩,灰色的运用可谓是千变万化,不同明度的灰给人感受完全不一样,高明度的灰会给人以高雅、含蓄、耐人寻味的感觉。低明度的灰给人以沉稳、厚度、高端的感受。而低彩度的灰更是油画中的“高级灰”,大师颜色的典范。可以说油画好不好,看你高级灰运用的技巧程度就好了。

设计中的色彩心理学(上):九种色彩所代表的心理感应

关于色彩的间接性心理感应,敬请期待下一篇。

 

作者:杜宾

来源:37点2度体验

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24951/

Apple WatchlogoUEDUIUX产品产品经理产品设计心理学案例分析理论用户经验经验分享色彩心理学视觉设计设计色彩
赞 (0)
CatherineCatherine
0
生成海报
浅谈动效设计,帮你掌握视觉都需要的动效知识
上一篇 2017-05-10 04:54
扫盲贴|UI动效设计原来都是这些软件做的
下一篇 2017-05-10 06:42

相关推荐

  • 交互设计

    关于工作效率的心得分享?(拖延症患者必看!)

    来源:Tencent CDC 作者:milaky 这是去年11月底在小组里分享过的工作效率心得,在这里也跟大家分享一下工作“快”感哈哈。我相信大家应该都有过工作效率的些许烦恼。而这个效率啊伴随我很长时间的痛苦。每每到PDI的…

    2014-09-21
  • 微信热点

    UED网站“新视界新体验”运营设计的思考

    2018年3月20号,我们UED网站(ued.z6.gldcg.com)开始首次运营,推送了我们的第一篇文章“新视界新体验——广联达集中采购平台新版设计”,在朋友圈,小火了一把。21号的时候,我对这个事情,又有了新的思考:第一次发文的目的是什么:1、推广我们产品全新界面,新体验;2、推广我们UED的网站;事实上,我们达到了我们的目的,微信群中得到了大家的认可,点赞;朋友圈大家转发和分享;朋友圈留言,要体验我们产品;老客户看到后要求升级产...

    2018-03-22
  • 微信热点

    网站分页导航对用户体验和优化的影响几何?

    欢迎点击上方蓝字免费订阅温馨提示:请点击上面的蓝色字体,再点击“关注”,这样您就可以继续免费收到精彩的内容了。在博客、杂志甚至是大多数站点中,分页的点击次数可能比搜索还要多,因为在很多时候,访客并没有明确自己的需求,只是在网页中一页接着一页的浏览信息,如果在分页上有良好的用户体验同时又能引导访客进行浏览,就能大大增加网站的黏性。但在很多站点中,分页并没有得到足够多的重视,即便是花时间来制作分页也不过是基于图标的样式和设计,对分页组件的整...

    2018-02-01
  • 欧洲(非英国)交互设计申请攻略 交互专题

    欧洲(非英国)交互设计申请攻略

    今天为大家带来欧洲(非英国)地区交互设计专业留学申请攻略,从学校/专业/费用等方便分析每个学校的优缺点,让大家在选择学校时更有的放矢。 1.代尔夫特理工大学/Technische Universiteit Delft 学位:Master of S…

    2015-11-04
  • 简约而不简单,谈一谈移动开发中的那些极简设计 交互设计

    简约而不简单,谈一谈移动开发中的那些极简设计

    设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练。当然,如果能有效的利用这些元素。

    2017-05-20
  • 当我们爱上宜家的时候,我们在爱什么? 交互设计

    当我们爱上宜家的时候,我们在爱什么?

    第一次去宜家是在2007年。那年大三,学校组织在上海为期一周的参观和考察,除了各大博物馆、美术馆,宜家是我们这帮学设计的人必须去的地方。那时候逛宜家没有用户体验的概念,只感觉我能想到的家居宜家都有,我没想到的宜家也有,每一个样板间都很有格调,很有家的感觉,让人忍不住想赶紧结婚,赶紧买房子,然后照着宜家的样板间好好装修一把。

    2017-06-03
  • 微信热点

    用户体验“大不同”,合作伙伴分享会

    2018年3月15日,“用户体验“大不同”,合作伙伴分享会”在福建省科威技术发展有限公司举行。虽然屋外下了很大的雨,但也没能减小屋里同行朋友们的热情。分享会一开始,惠普华南区业务开发经理李浩泉就以十分轻松幽默的氛围,将与会者带入状态。随后介绍了页宽产品的主要特点,并对惠普A3页宽复合机作了产品推介。惠普新一代A3智能复合机页宽产品的主要特点是:最新技术(集激光/喷墨优势于一身)高速(40ppm~80ppm输出速度)经济(购买/使用/维护...

    2018-03-17
  • 提高移动端表单可用性的7个设计原则 交互设计

    提高移动端表单可用性的7个设计原则

    用户在填写表格的时候可能会犹豫不决,所以你应该让这个过程变得尽可能容易,这篇文章中的7个设计原则可以显著提高表格的可用性。

    2017-05-18
  • 微信热点

    "用户体验“真是个万恶的东西。

    前些天跟一个在央企大鳄担任要职的朋友聊天,说起某互联网新闻媒介公司被责令整改的事情,(其实我都不确定每天操劳四化建设工作的他知道不知道这件事)我本人并没有什么观点,只是看周围的人都在吐槽说国家管的太碎了,于是就想听听他怎么说。没想到君付之一笑,言道”活该,就应该封了它,它那么大的用户群体,它那么强的社会传播性,它不负责传播正能量谁负责?难道让警察叔叔们一张张发传单传播吗?你做产品做好了挣钱了就应该想想怎么对社会发展负责,不然国家和这个世...

    2018-05-05
  • iOS和Android规范解析——标签导航和分段控件 交互设计

    iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress