📜  前端开发中的色彩心理学

📅  最后修改于: 2021-08-31 07:13:28             🧑  作者: Mango

颜色无处不在,但您在访问各种网站时是否有过怀旧的感觉。因此,在通过 Internet 冲浪时,您可能没有注意到您有这种感觉的原因,那么让我们讨论一下。色彩心理学是对色彩的研究,据说这些色彩在日常生活行为方面对人类行为产生无意识的影响,例如购买任何产品或判断材料,它的吸引力、信任、价值和许多其他品质。是的,这就是为什么说不同的颜色在很多意义上都有不同的含义,而且颜色心理可能会因性别、地域和各种因素而异。它对访问我们网站的消费者的日常生活反应产生巨大影响。

色彩心理学在前端设计中的重要性:除了正确的代码和算法之外,选择正确的网站配色方案才能让它令人难忘、值得信赖、有吸引力和有利可图。第一印象就是一切。一个典型的动态网站由导航栏、徽标、文本、按钮、下拉菜单、搜索栏等组成,因此在创建网站及其必需品时,我们必须考虑添加正确的颜色,因为这直接表示潜意识信息给访问者,了解网站的主题和功能。这决定了您向访问者提供的内容类型。

色彩心理学也广泛用于营销和品牌推广。营销人员将颜色视为一种重要的方法,因为颜色可以影响消费者对商品和服务的情绪和看法。此外,对于公司来说,漂亮的标志很重要,因为标志可以吸引更多的客户。

选择正确的颜色需要几个步骤:

  1. 为您的网站找到一种主要使用的颜色:选择一种主要应用于整个网站的主要颜色,例如按钮和边框的相同颜色。在大多数情况下,它可以是深色或从配色方案中选择的十六进制值。这也描绘了您企业的品牌颜色和徽标颜色。一些有用的网站可以是 Adobe color、ColorSpace 等。
  2. 选择其他次要颜色:选择一种原色后,继续选择可以根据称为“60-30-10 规则”的方案应用的最少三种组合颜色,即 60-30-10 规则是选择一种原色占 60% 的区域的颜色,可影响约 30% 视野的辅助颜色,以及提供 10% 流行色的颜色。
  3. 需要时使用其他颜色:使用不同的颜色在视觉上分隔标题、侧边栏、标题、按钮和其他可提高转化率并改善用户体验的元素。
  4. 多次重新检查该过程:重新检查很重要,因为它揭示了在选择颜色过程中任何薄弱的洞察力,例如它们是否相互匹配并提供最佳对比度。

示例:下面的示例可帮助您了解为什么配色方案会发挥重要作用,Facebook、亚马逊、谷歌、微软、雅虎等最大的科技巨头在每个角落一遍又一遍地使用相同的颜色作为它们的主要颜色和辅助颜色网页从徽标到按钮。

谷歌在其所有产品上使用相同的多色,Facebook 使用蓝色作为它们的主要颜色,雅虎使用紫色是因为它有意义,而且我们最喜爱的访问量最大的学习门户 geeksforgeeks.org 也遵循相同的模式,例如使用主要主要颜色整个网站的颜色如绿色、黑色和白色。