色彩心理学与UI设计

2021-12-01 12:56:03

阅读 8425次标签： ui交互设计游戏ui设计作者：王友田

色彩心理学与UI设计
　　
　　这几年随着心理学的热门，心理学好像成了万能膏药哪里都有它的身影，好像作为一名设计师，你不懂写心理学都感觉没法混下去。今天简单说一些色彩、心理、UI三者关联的小故事，供各位大虾参考指正。
　　
　　首先我们要快速对颜色及其心理暗示的意义有个基本的了解：
　　
　　1.黄色：
　　
　　过度耀眼会让人讨厌，有警示的寓意（交通法规中常用），但儿童非常喜欢这个颜色；
　　
　　2. 橘色：
　　
　　温暖而不危险，与能量有关（饮料、运动、健身），儿童也同样喜欢这个颜色；
　　
　　3. 红色：
　　
　　提示操作，兴奋，冲动，血腥，象征激情和理想的时尚／化妆品牌，交友网站和食物（麦记，肯德基爷爷）
　　
　　4. 紫色：
　　
　　代表奢华，典雅，温柔，女性，只有在暗色系的紫色才有一些恐怖灰暗的联想；
　　
　　5. 黑色：
　　
　　上等的，漂亮的，传统的，团体的，企业的，优秀卓越等
　　
　　6. 绿色：
　　
　　自然，能提升幸福感，健康产品，道德活动，新理念，新观点；
　　
　　7. 蓝色：
　
　　智力理性，深蓝色和奢侈品有关联，浅蓝与清新的产品和想法有关，蓝色有利于抑制食欲，所以几乎食品都不用蓝色系做广告；
　　
　　8. 粉色：
　　
　　用来吸引女性用户的注意力，一般为喜爱甜食的人比较有刺激效果；
　　
　　9. 白色：
　　
　　纯净，凉爽，冷静和现代；
　　
　　研究表明，色彩心理受个人认知影响。社会因素中如社会性别也对颜色如何被感知有一定影响作用。进一步研究表明，不仅是颜色自身含义的影响，也是关于在使用中如何让用户恰当的感知到用在品牌上的颜色含义。那我们知道色彩及心理学的关联后，它们又是如何作用于UI之上呢？
　　
　　首先，我们设计一个网站，一个app一般都需要确定一个主题颜色，网站只有一种颜色这是不可能的，除非你打算用纯单色。所以你应该考虑整体的配色方案和使用的每个色彩，以及它们的统一性。另外还要考虑颜色对用户的影响，以及如何让你正在使用的主色和辅助色相匹配。考虑到这一点,你应该会关心怎样混搭颜色能匹配并且能够帮你解决网站颜色问题。回忆很久前我讲过的色彩基本方法中就是有这样3个方法：1三角色彩计划；2复合色（互补色）；3近似色；如想再深入了解可以看维基百科。
　　

　　其次，当我们任性的决定了一个黑色为主题色后，便要开始YY各类其他元素，如按钮，列表，文本，表单等。继续拿高端大气上档次的黑色来举例，我们的按钮一般会采用表达产品感觉的颜色，这样会使按钮和黑色的背景形成鲜明的对比，鼓励更多人去点击，又去掉用户浏览的全黑页面单一的感受。而文本，我们一般使用白色或者对比度略高的颜色，便于用户在不费劲的情况下阅读浏览。表单的操作思路同文本。最后就剩注意事项了，色彩是设计的一个重要组成部分，也是整个品牌重要的一部分。所用的颜色所传达的意义必须喝品牌个性和品牌故事一致。通常情况下，设计师有时不得不用现有的艺术作品，如 logo，并且不得不再此基础上选择颜色。然而这过程似乎是被完全压缩了的，但调色板的实用性也许可以让你在做的过程中比较容易些。虽然说起来很容易，但真正能运用好颜色的设计师可是非常难得的。

色彩心理学与UI设计