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

相关推荐

  • 从微信WeUI设计规范 解读移动界面设计 交互设计

    从微信WeUI设计规范 解读移动界面设计

    作者:风口上的猪毛    编辑:小露 本文已经获得作者授权发布,转载请注明出处。 写在开头,以表明动机、甩掉一切可能需要承担的责任。 目的:看到传播很热的微信WeUI,应该说是一种比较简单暴力的表现形式,但落实…

    2016-04-05
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念 从零开始学交互

    在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 微信热点

    UED建筑大师过大年,喜气洋洋温暖了留守娃的心田

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放世界上最美的花水木年华 - 世界上最美的花编者按:2018年1月19—21日,UED设计年会系列活动在江苏省宿迁市成功举办,共议如何在当下中国,以设计、文化、艺术的力量引领城乡发展。年会系列活动包含“设计·文化·艺术引领下的城市发展和乡村振兴”高峰论坛、第四届全国设计院院长交流会、UED建筑大师过大年等诸多精彩环节。路人甲听说你们也去现场啦?是的呢,我们是带着山里小朋友的心愿去的...

    2018-02-02
  • 交互设计的那些事儿 交互设计

    交互设计的那些事儿

    作者:柳强  

    2016-01-22
  • 3种基本方法,引导用户正确操作 交互设计

    3种基本方法,引导用户正确操作

    作为一名产品经理,当人们使用你的产品的时候,需要尽可能避免他们犯错误。我们应该留心用户可能犯错误的地方,在合适的地方给他们一个温和的推动,以确保一切都能正常进行。(不要让用户认为自己被指使着做什么事,至少不要用被认为是“粗鲁”和“侵扰式”的)

    2017-05-31
  • 京东JDC交互设计揭秘:大促分会场-模块化设计方法总结 交互设计

    京东JDC交互设计揭秘:大促分会场-模块化设计方法总结

    写在前面 在电商的世界,似乎一切时间都可以和购物挂钩,5.20、6.18、11.11、12.12、年货…..;有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场,作为设计师需要把多达几十个会场一一设计出…

    2017-06-12
  • 你家的产品是不是什么都做?那他该不该做交互设计? 交互设计

    你家的产品是不是什么都做?那他该不该做交互设计?

    在BAT这样的大公司中,很多产品经理是不会去做交互设计的,因为分工很细,有专门的交互设计师来负责交互。而另一种普遍的现象,在很多中小公司,是没有交互设计师这样的岗位的,交互设计工作是由产品经理来代为执行…

    2015-07-14
  • 搞定老板第一步!如何准确描述自己的设计? IxD案例

    搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • 微信热点

    一、Axure教程--app启动画面的翻页效果

    1、案例示例:2、参考对象:qq安全中心-启动画面3、案例描述:手指向左右滑动界面时,能够切换显示内容;切换内同时,屏幕下方的圆点标记同步切换;当切换到最后一个页面,单击进入主页的按钮时,启动画面和圆点分页标签隐藏;同时屏幕顶部状态栏改变样式。4、素材准备:见百度圆盘5、采用技术:动态面板、全局变量。6、制作难点:启动页面切换时,使用全局变量记录切换后的面板状态名称;将底部的分页标签面板同步切换到同名称的状态。7、制作过程:https:...

    2018-04-29
  • 微信热点

    什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

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

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