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

相关推荐

  • 未来所有的产品都要围绕人性去思考

    过去的记忆 回顾计算机和互联网的发展,计算机的编程语言从C语言开始,到C++,到最近的go语言,不断地进化,趋势是Code越来越接近人的方面,Code是从计算机端向人端的进化,计算机的编程语言也诠释了科技的发展,以…

    交互设计 2014-12-17
  • 【to 交互新人】交互小白别踩这4个坑

    作者: 负如来不负卿   交互设计小白刚踏入这个领域时总会走进一些误区,为了防患于未然一起看看过来人的经验分享吧。   一些经验分享前言 作为一个交互新人,难免会踩到几个坑,即使现在不踩以后还会踩,只有踩过…

    交互专题 2017-08-07
  • 阿里设计师实战案例解读内容化设计

      前言 如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做…

    交互专题 2017-08-07
  • 前Apple员工谈交互设计的未来【UXRen译#177】

    作者:Bret Victor  |  翻译:包子,校审:Chen Jing   现在,有很多流行的有关未来交互设计的想象。 机缘巧合下,设计未来的交互界面成为了我的工作。我有机会用真正能工作的原型来做设计,而不是如图所示用绿光屏…

    交互专题 2017-08-30
  • 超级干货:75条界面版式设计准则 IxD案例

    超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 提示信息的情感化设计,做一个有故事的淘宝 交互设计

    提示信息的情感化设计,做一个有故事的淘宝

    未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去,从而覆盖整个淘宝,真正地实现做到一个“有故事的淘宝”。

    2017-05-05
  • 高手课堂!「按钮系列」之按钮位置与用户体验的关系 交互设计

    高手课堂!「按钮系列」之按钮位置与用户体验的关系

    @Daidai丶呆  :本文主要给大家讲解:「确认」、「下一步」等这类存在于页面中的按钮在摆放时,对页面 or 产品造成的影响有哪些。

    2017-09-29
  • 关注 Web 设计 交互设计

    关注 Web 设计

    相较于设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些。我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方面的文章,会有一下子豁然开朗的感觉。所以这样的形式也是非常有价值的。以下就是第1周的所有问题和答复,希望在设计对大家有所帮助。

    2015-01-03
  • 布局&构图&版式设计-木卫艾欧网-交互设计学堂 交互设计

    布局&构图&版式设计-木卫艾欧网-交互设计学堂

    编者按:想成为一个合格的UI设计师,光会画图标可不行,今天360的@Micu设计小哥从头帮你补上版式这一课,分享他的界面构图三板斧,此外,你还能学会如何用设计语言解构画面,这可是设计师的必备职业能力呦!

    2015-01-06
  • 微信热点

    【UI交互设计】首月结课作业展示

    花瓣美素是全国最大的版权素材平台,本文章内学生作品图片,未经允许,严禁抄袭和转载。花瓣网丨花瓣美素教学中心,承担天津市大学软件学院数字媒体专业UI交互设计方向120人的教实训任务,在刚刚过去的第一个月里,通过同学们和教师团队的不断努力,专业核心课程《图形图像基础》和《用户体验设计》等两门课程教学任务圆满完成。《图形图像基础》是UI交互设计专业的专业必修课。通过企业教师的认真指导和对该课程的学习,同学们对UI交互有了进一步的了解,在企业教...

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

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