设计师必须掌握的色彩心理学

日常生活中观察的颜色在很大程度上受心理因素的影响,即形成心理颜色视觉感。

色彩心理学研究的是色彩通过对人的视觉上的刺激,而引发的人的情感和感官上的变化。通过对色彩的经验积累而变成的对色彩的心理上的逾期感受。在生活中,色彩心理学对人们对颜色的认知有很大的影响。而在生活我们常用“亮不亮”、“艳不艳”、“淡红”、“苹果绿”来形容。如果开一家快餐店,你会用什么颜色作为品牌的主色?为什么交通灯用红色表示停止通行而不是绿色呢?这都是色彩心理学的相关知识。这并不是说色彩本身就具有这些含义和情感,而是我们社会和人为的认知,是关于社会、生活,运用好色彩心理学可以带给用户极佳的视觉体验,影响用户的内心情感和思维,引导用户的感知和行为,并且促进我们自身的发展。

设计师必须掌握的色彩心理学

Personal Website Final Concept by Jamie Syke

黑色:黑色是一种代表品质、权威、稳重、时尚的色彩,同时也含有冷漠、悲伤、防御的消极情感。它是所有色彩中最有力量的,能很快吸引用户的注意力。黑色吸收所有光线而且没有反射,可以说是没有任何光进入视觉,它和白色相反。当你不想引人注目或想专心处理事情时常用。黑色作为一种无彩色,能让和它配合的其他色彩看起来更亮。所以在界面设计中,黑色常与其他色彩搭配,使产品颜色更加亮丽和时尚。即使是和暗色系的色彩相搭配也会很好看。黑+红很引人注目,黑+黄活力突出有亮点。黑色也有神秘、科技、稳重的色彩情感,很多科技产品都会使用黑色,或用黑色作为背景色。是一种永远流行的主要色彩。

喜欢黑色的人:1、善于运用黑色(精明干练,能处理各种局面) 2、利用黑色逃避(在乎别人的颜色)
配色:黑+灰(尖锐、简洁)、黑+红或橙(激烈大胆,可以通过改变面积比例,可以制造出一种华丽、摩登的配色效果)、黑+与黑色彩度、明度差比较小的配色(古典、富有理性)

 

设计师必须掌握的色彩心理学 

白色:白色是所有可见光进入视觉,包含了光谱中的所有色光的颜色,常被认为“无色”。白色的明度是最高的,并且它没有色相。在RGB颜色模式中,红绿蓝混合得到白色。白色传递一种简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感。单一使用白色不会引起任何情感,但是当与其他颜色配合使用时,白色能很好的衬托,大量的留白让其他元素脱颖而出。在界面设计中,作为无彩色的白色,常用于背景色,缓和各种颜色的冲突,以衬托其他色彩,提高画面明度,提高文字可读性。黑色和白色是极端对立的两色,但是黑白搭配总是非常完美,永远都不过时。

 

喜欢白色的人容易受外界的影响,而且不管是好的影响还是坏的影响都不例外,如果你不仅喜欢白色,还容易受到外界影响,建议多穿一些色彩鲜艳的衣服。
配色:白+黑(尖锐、正式)、白+粉色(可爱、甜蜜)、白+粉色+浅绿(浪漫)、白+蓝(清爽、年轻)、白+蓝+绿(清爽、动感十足)

 

设计师必须掌握的色彩心理学 

灰色按钮在设计中通常代表不可点击

灰色:灰色是一种代表睿智、老实、执着、严肃、压抑的色彩。色介于黑色和白色之间,也属于无彩色,没有色相也没有纯度,只有明度的变换。使用灰色很少会犯严重的错误,它和任何颜色都能很好的搭配,也常常用于背景色或用于突出其他彩色。在画面中,很少出现纯黑,基本都是用深灰色来代替黑色,也可以用浅灰色来代替白色。灰色不像黑色那么坚硬刺眼,他更有弹性,它比黑色更有深层次的力量。在RGB模式下,红绿蓝三色数值相等为中性灰,R=G=B=128为绝对中性灰。中性灰图层常用于商业修图,人像精修中调整皮肤质感。

喜欢灰色:做事干练、教养良好且知识丰富。总是为别人着想。不会过度兴奋,稳重。具有平衡局面能力,很受欢迎。
喜欢银灰色或者亮灰色的人更有都市感,不仅时髦还有很敏锐的时尚感。喜欢深灰色或灰黑色的人追求稳定感。
当人想摆脱现状但又缺乏行动的勇气时,往往会投向灰色的怀抱。建议这时候多使用一些粉色或者淡紫色,这几种颜色与灰色搭配起来非常更好。可以让人从沉稳冷静的状态向轻松活跃过渡。

设计师必须掌握的色彩心理学

红色:传递喜庆、自信、斗志、权威、性感的情感。红色是最能刺激人视觉的一种颜色,甚至能引起一些生理反应,例如心跳呼吸加快等。容易鼓舞勇气,引起人们的感情波动,引发冲动消费,所以在快餐、电商行业的品牌多使用红色,为的就是发冲动,引人消费。例如麦当劳、京东、小红书。红色的色感温暖,性格刚强儿外向,同时也容易造成人的视觉疲劳。也是中国备受喜爱被广泛运用的一种传统色彩,代表吉祥、团圆喜庆。同时红色也代表了警示、告诫。所以在界面设计中常用红色的文字和按钮来警示用户慎重操作。

喜庆、热情、健康、艺术、积极、销售、食品、时尚、文化。淡雅的红色常作为女性色彩,娇艳的红色往往表现积极向上的精神,深红色偶尔渗透神秘感和恐怖感,是负面信息。
配色:红+黑(给人力量强大的感觉)、红+粉红(凸显女性温柔)、红+粉红+淡紫色(女性温柔和优雅)、红+黄(快乐的气氛,适用于儿童玩具)

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/2490.html

(0)
江山如画的头像江山如画管理团队
上一篇 2018年9月5日 上午10:20
下一篇 2018年9月5日 上午11:17

99%的人还看了以下文章

  • 网页制作实战项目九:飘城旅行社(分步教程)精

    【时间要求】4学时( 45 分钟×4=180 分钟) 【上机内容】 飘城旅行社 【上机目的】 1 、掌握整站开发的步骤及流程 2 、掌握网页固定布局的方法和技巧 3、培养团队意识和协作精神 【上机重点】 网页固定布局的方法和技巧 【上机难点】 网页固定布局的方法和技巧 【上机教学方法】 1 、采用分组教学 , 每个小组模拟一个开发团队 2 、充分发挥小组内各…

    2019年1月13日
    18.6K0
  • 第5课:到目前为止学到了些什么?

    上一课我们已经学习了这些: <html> <head><title></title></head> <body> </body> </html> 网页标题(title)写在head(头部)里:<title>网页标题写在这里</title>。…

    2018年1月20日
    6.9K0
  • 跟永哥学MVC:jsp+javabean+servlet实现求圆的面积

    上一节课我们通过一个案例三种实现,教你理解Jsp、javabean、Servlet(精),今天我们仍然通过同一个案例求圆的面积,使用MVC:jsp+javabean+servlet来实现,深入理解MVC及Jsp、javabean、Servlet的分工和使用。 r5.jsp <form action=”servletCircle” Method=”pos…

    2018年2月22日
    8.1K0
  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    9.7K0
  • vue学习-我的第一个vue代码

    创建一个 .html 文件,然后通过如下方式引入 Vue: <!– 开发环境版本,包含了有帮助的命令行警告 –> <script src=”https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script> 或者: <!– 生产环境版本,优化了尺寸和速度 –>…

    2020年6月14日
    16.5K0
  • 如何设计单元测试用例,单元测试快速入门教程四

    测试人员在实际工作中根据不同覆盖要求设计面向代码的单元测试用例,运行测试用例后至少应实现如下覆盖需求: 对程序模块的所有独立的执行路径至少覆盖一次; 对所有的逻辑判定,真假两种情况至少覆盖一次; 在循环的边界和运行界限内执行循环体; 测试内部数据结构的有效性等。 至少应设计覆盖如下需求的基于功能的单元测试用例: 测试程序单元的功能是否实现; 测试程序单元性能…

    2018年4月18日
    4.8K0

发表回复

登录后才能评论