设计的颜色心理学:
因此,让我们谈谈颜色!
像字体和插图一样,颜色会带来语调和情感平衡,从而影响您的用户对品牌的看法。颜色在我们生活的世界中起着至关重要的作用。它影响了从情绪和行为到潜意识设计决策的一切。弄清楚线框后,为目标受众选择正确的颜色非常重要。
老实说,我一开始就为此苦苦挣扎。不管加入训练营等等,我都通过互联网学到了一切。我通过Google进行了很多研究。最后,无论我知道我在这里分享什么。根据颜色心理学选择合适的颜色非常重要。
颜色心理学是对颜色如何影响感知和行为的研究。
开始吧!
年龄会影响颜色偏好吗?
年龄是应仔细检查的元素。您的目标受众的年龄会影响他们对营销材料的看法,尤其是考虑到颜色的口味和偏好会根据年龄而异。对于不同年龄段的颜色是可取的。考虑到蓝色和红色的颜色心理学,发现成熟的人通常比更短的波长(蓝色,绿色,紫罗兰色)偏爱更短的波长(红色,橙色,黄色)。
性别差异:男人与女人
对颜色感知的研究表明,男人喜欢明亮的对比色,而女性则喜欢更柔和的阴影。男人更有可能选择颜色的阴影,因为他们的最爱颜色添加了黑色,而女性则更喜欢添加白色的颜色。大多数女性喜欢柔和的紫色音调,而大多数男人都从中排斥了更多。
文化色彩含义
除了年龄和性别外,影响颜色偏爱的另一个因素是我们的文化背景。从这里查看不同颜色的含义。这非常重要,因为不同的颜色在不同国家的含义不同。例如 - 在中国和印度,红色是婚礼颜色。在南非,这是哀悼之一。因此,红色是一种与多种文化中充满情感的时代相关的颜色,尽管特定的生命事件(婚姻和死亡)本质上差异很大。我们不能说不同的人会通过看相同的颜色来获得相同的情绪。就宗教而言,婚姻中的白色衣服也意味着死亡的不良迹象,而在克里斯蒂亚族的婚姻中最好穿白色衣服。因此,请记住所有这些事情,我们应该根据目标受众选择正确的颜色。
60-30-10颜色理论:
60–30–10规则是一种使调色板在美学上令人愉悦且可接受平衡的理论。该理论主要用于室内设计,但可以用UI使用。建议60%的UI使用主要颜色,30%使用辅助颜色,其余10%的颜色使用重音颜色。只需将其用作指南即可。
现在,如何选择正确的调色板?
第一步是选择原色。这是一种在您的产品中最常显示的颜色。我建议您选择通过研究获得的一种至两种颜色。
第二,是时候选择一个口音颜色。如果您希望人们注意一个特殊的组件,那么最好在该组件上使用强调颜色。
现在,您已经获得了主要的重音颜色。是时候选择您的次要颜色这将使您的UI站立或补充或提高您的品牌知名度。我建议您的辅助颜色数量是3-5,它们非常活跃。是有意设置的颜色,以保持新鲜和有趣的颜色。
接下来,您需要一个中性颜色。这在每种产品中都是必不可少的。如果您想为产品选择中性颜色,请先首先以最暗的色调开始,然后在不透明度方面慢慢下降。最轻的中性颜色将用于分隔的边框,文本背景甚至残疾按钮
接下来是准备语义颜色对于您的警报,警告或复选框或任何横幅。我们通常有这4种语义颜色:
红色:它只是表示危险,除非您真的确定,否则不要单击它。
橙色:这是要警告用户“您确定您想这样做吗”。
绿色:它表示成功和积极的状态
蓝色:它表示中性信息的变化或动作。它并不意味着它是负面的或正面的。
人们已经习惯了这些语义颜色。因此,利用人们习惯的这四种语义颜色。您对用户吸收内容的能力的了解越多,您就可以做出越明智的选择。
现在,让我们谈谈可访问性。我们跟随Web内容可访问性指南(WCAG)由W3C提供一个公式计算两种颜色之间的对比度,这导致了对比度。这是您的字体尺寸在不同屏幕尺寸的一定范围内,并且在颜色方面的文本和背景之间的对比度必须至少为4.5:1。因此,在设计按钮,卡片或导航元素之类的东西时,请确保检查颜色组合的对比度。这是一个工具我从一段时间内使用的来检查颜色对比。另一个是Adobe颜色。您可以在网上查看其他一些。
以下是一些用于生成调色板的工具,我建议您:
如果您有照片,并且想提取它的颜色,则可以在Adobe Color上做到这一点。去提取它们,拖放照片,它将向您显示该图像的调色板列表。这是一个非常快速的骇客,可以提取图像的颜色。在Pinterest和Dribbble上,您当然可以搜索诸如调色板之类的东西,它会建议您一些调色板。
另外,不要完全依靠颜色。确保合并消息传递或肖像,清楚地说明正在发生的事情。
包起来
总结本文,这是一些有用的提示的列表:
- 选择简约的颜色。
- 明智地选择颜色。
- 了解您的目标受众作为年龄,性别和文化等各种因素取决于他们。
- 做明智的颜色组合。
- 设计不仅与美学有关。是关于功能和可用性,并为用户容纳用户色盲或色觉缺乏症。
- 测试,测试和测试一切在您的网站/应用程序上。不要做出推定关于在另一个网站/应用程序上最有效的内容,因为它不一定会适合您的。
建议阅读
这是我们可以推荐的一些材料,对于那些想深入研究这个主题的人:
这是Adobe和Atlassian Design Color System and Palette,我发现它很有帮助:
感谢您阅读我的文章直到结束。我希望这对他人有所帮助,当然,我很想听听您的反馈!