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

相关推荐

  • 微信热点

    依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 微信热点

    产品原型设计(2):母板的创建和使用

    Axure母板:可以将一些页面中的共同之处,比如导航、背景部分等,提取出来,制作为母板。将母板应用于某个页面,则该页 面相当于将模板的内容复制过来。如果有很多页面具有相同的内容,这些页面如果需要修改这些相同的内容时,仅需要在模板中即可完成所有页面的修改。方式一:直接创建母板步骤一:创建Axure母板:在“母板”区直接创建母板里创建了一个名称为“Axure学习平台”的模板步骤二:使用母板选中“Axure学习平台”母板,邮件选择“添加到页面...

    2018-04-08
  • 2014年最佳的十款交互设计工具 交互设计

    2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 微信热点

    百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • 撇开设计师的视角,普通用户是如何看待设计细节的? 交互设计

    撇开设计师的视角,普通用户是如何看待设计细节的?

    做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

    2017-05-13
  • 未来iPhone狂想

    交互设计 2014-10-27
  • 人机交互的四次重大变革【UXRen译#166】

    作者:Frank Diana   |  翻译:Chen Jing,校审:Duke     早在2013年,随着智能手机的普及,我写了一篇文章《下一代用户体验Next Generation Experiences》。文章从动态变化的视角来审视用户体验,会发现忽略基础…

    交互专题 2017-08-07
  • 未来所有的产品都要围绕人性去思考

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

    交互设计 2014-12-17
  • 从可用到易用的一次思考|手机获取验证码那点体验 交互设计

    从可用到易用的一次思考|手机获取验证码那点体验

    我们做用户体验的不能将系统过失/产品过失迁就于我们的用户。因为用户永远不会错,用户也没有必要为产品和过失负责。我们要做的就是穷尽我们解决问题的能力帮助用户获得最佳的使用操作,并能带来一丝的惊喜。

    2017-05-17
  • 微信热点

    利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

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

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

分享到:

微博 微信 QQ好友 QQ空间 豆瓣 LinkedIn Facebook X
1/
  • go to the previous image
  • go to the next image