旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计色彩心理学是什么
UI设计色彩心理学是什么
时间:2020-11-13来源:www.aaa-cg.com.cn点击量:作者:Arya
时间:2020-11-13点击量:作者:Arya

  色彩是一个UI作品中的必要组成部分,InVision的高级品牌设计师Luis Gonzalez提供了一个练习:想一想红色,想到什么?也许像愤怒,激情,精力一样的感觉浮出水面。或者,脸颊泛红,樱桃唇膏色调,停车标志,血液或心脏的影像,今天AAA教育的武老师就来分享讲解UI设计中的色彩心理学
 

UI设计色彩心理学
 

  尽管这些可能并不是您所激发出的确切的红色思想和感觉,但您很可能将颜色与某些情感,想法和对象相关联。您并不孤单:这是一种普遍的人类体验,它是您可以用作设计师的强大工具。了解颜色选择超出个人喜好不仅可以帮助您提高产品的可用性,甚至可以在心理上影响用户。UI审美很重要
 

  为了释放颜色的力量,您首先必须先了解颜色理论,色轮,如何使用互补色创建有影响力的配色方案以及这些颜色的心理影响。无论您是首先涉足该主题(还是只是在寻找新的话题),都可以从以下步骤开始:
 

  了解色彩理论
 

  色彩理论可以帮助设计师确定哪些颜色看起来很好。颜色理论不只是“盯着”颜色组合,而是科学的一部分。
 

  颜色理论的核心是色轮,该色轮由艾萨克·牛顿爵士创建于17世纪后期。牛顿以他的物理学突破而闻名,他将色谱图绘制成一个圆圈。
 

  他说:“我最大的建议是回到基础知识,看看色轮。”
 

  他的推荐读物?约瑟夫·阿尔伯斯(Josef Albers)的《色彩的相互作用》(Interaction of Color)是一本艺术教育书籍,它分解了复杂的色彩理论原理。
 

  色轮
 

UI设计色彩心理学
 

  色轮是颜色的视觉表示,其色相根据波长排列。色轮允许以几何方式表示颜色关系,并显示原色,辅助色和第三色之间的关系。
 

  在传统的RYB色轮中,原色是红色,黄色和蓝色。您可以通过混合原色来创建第二色(橙色,绿色和紫色)​​。红色和黄色创建橙色。黄色和蓝色创建绿色。红色和蓝色创建紫色。你还记得上小学的时候吧?
 

  然后,将第二色和原色混合会创建第三色。
 

  色轮存在许多不同的迭代,但是涉及这三种关系类型的许多迭代显示了十几种颜色。
 

  现代色彩理论
 

  数字设计师可能更熟悉使用红色,绿色和蓝色混合光的RGB颜色模型。青色品红色黄色黑色(或CMYK)是打印图像的四种基本颜色,并且作为减色,混合时会变暗。

  色彩原理
 

  可能是您在小学时第一次被带入最基本的色彩理论概念的,当时您被赋予了可供绘画的原色调色板。红色,蓝色和黄色是原色,并且不能通过混合颜色来创建。将它们混合在一起,您会变成褐色。但是混合它们,您可以创建所有其他颜色。
 

  颜色理论还涉及颜色的暗度或明度或颜色值。您可以通过添加白色的色调来更改颜色的色调,这将使您的颜色柔和些,而黑色则通过阴影使颜色变暗和变暗。将灰色添加到原色,第二色或第三色时,会产生色调。如果色调变淡,则亮度和强度会降低。
 

  添加色调,阴影和色调后,您将获得一个扩展的色轮。
 

  另外,色彩理论涉及如何将色彩排列在一起以创建方案。例如,单色配色方案是一种具有各种色调和色调的颜色。或者,类似的配色方案涉及车轮上的相邻颜色,例如红色,橙色和黄色。
 

  互补色
 

  配对颜色时,可以通过选择互补色来实现和谐。在这种情况下,对立吸引。这种特定的配色方案来自色轮相反侧的两种颜色。当您执行此操作时,结果是明亮且弹出的高对比度颜色组合。
 

  互补色组合的示例包括:红色和绿色;黄色和紫色;橙色和蓝色;绿色和洋红色。互补色组合通常会大胆,这就是为什么运动队经常将这种公式用于其颜色。
 

  要添加第三种颜色并降低配色方案的强度,可以使用拆分互补配色方案。它使用一种颜色作为基础,并在其补色附近使用两种颜色。
 

  颜色理论的其他注意事项
 

  现在让我们深入探讨设计师如何使用色彩理论来增强其项目。想一想您上一次在网站上填写联系表的时间。缺少字段,并且可能会弹出红色错误消息。相反,如果您需要重新输入密码以进行验证,并且正确输入了所有内容,则绿色消息会提示您继续操作。在这种情况下,颜色不仅可以传达如何使用您的产品,还可以利用心理学来唤起情感反应(绿色=良好,红色=不良)。
 

  红色和绿色并不是唯一具有心理影响力的颜色:色轮也可以切成温暖和凉爽的颜色。人们将较冷的颜色(例如蓝色)与和平与平静联系在一起。温暖的颜色(如红色)更充满活力,并与激情相关。
 

  颜色会影响产品本身。据CCICOLOR –色彩研究所称,研究表明人们会在90秒内对产品做出潜意识的判断,其中62%到90%的评估仅基于色彩。2011年发表在《营销科学研究院杂志》上的另一项研究发现,色彩是影响消费者对品牌认知的重要因素。
 

  根据乔·哈洛克(Joe Hallock)于2003年在华盛顿大学发表的一篇论文的研究,有34%的研究参与者将蓝色与信任相关联。28%的蓝色与安全性相关;75%的红色与速度相关;42%的黑色与高质量相关联;26%的橙与便宜或便宜有关。
 

  当谈到喜欢的颜色时,1990年代的研究表明,男性更喜欢大胆的颜色,而女性则喜欢柔和的颜色。
 

  设计师的色彩理论挑战
 

  但是,在采用一致的配色方案时,设计师可能会面临挑战。
 

  “每个人都有自己的颜色偏好,无论是特定颜色还是一组颜色,例如较暖或较冷的颜色。” 冈萨雷斯说。他说,召集品牌专家将有助于消除等式的偏爱,并有助于达到品牌规格。您的调色板也可能会包含在团队的设计系统中。
 

  如今,色轮可以帮助艺术家和设计师根据色轮上表示的几何关系找到和谐的色彩组合。例如,三色配色方案涉及色轮上的三种均匀间隔的颜色,这将产生大胆的组合。同时,四色配色方案涉及在色轮上均匀分布的四种颜色,如果您想使用带有支持色的主色,则可以使用。
 

  冈萨雷斯说,希望尝试颜色的设计师可以使用颜色选择器扩展,使用Muzli的调色板生成器,甚至可以咨询Pinterest板。
 

  设计师应考虑时尚色彩的持久力。问问自己:它将在一年内与该品牌约会吗?同样,要知道颜色在不同文化之间可能有不同的解释。根据客户所在的位置,红色可能表示热情,爱,运气,繁荣,侵略或死亡。
 

  不过,冈萨雷斯说,最后,如果您想要取悦所有人,那么最终您将没人取悦。他建议找到您的目标受众,并与您的受众一起测试您的配色方案。确实是这样,要精确客群,比如你是为母婴做的UI,就不用太考虑男性看了会不会喜欢。以上就是UI设计色彩心理学知识分享,想获得更多精彩内容请关注AAA教育

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号:京ICP备12034770号 监督电话:010-62568622 邮箱:bjaaa@aaaedu.cc