如何为您的企业网站选择颜色

谢全 1月前 32

在试图选择自己的网站颜色的企业主中,有一个共同的想法:

呃,我不是设计师!

我试过了,但我创造了一个迷幻的噩梦!

我不能只使用我的徽标中的颜色吗?

尽管任务可能看起来很难,但选择网站配色方案很重要,除非您有设计部门,否则您的工作将由您自己解决。

你需要知道的是,它并不难。

如何为您的企业网站选择颜色

如果您密切关注您的品牌形象和目标受众,考虑颜色的心理影响,考虑可访问性因素,并应用一点色彩理论,您可以提出适合您业务的网站配色方案。

本文将总结您在选择网站配色方案时应考虑的因素。最后,您将获得一个实用的,分四步的方法来做出决定。您需要关注:

  • 确定您品牌的主导色彩
  • 用它来定义互补的强调色
  • 特别注意你的背景颜色
  • 使用网站右侧元素中的颜色

让我们开始讨论颜色在建立稳固的品牌标识方面的重要性。

品牌识别 - 您公司的颜色是什么?

公司的标识可能是其沉默的大使,但其品牌配色方案正在更加微妙的层面上工作,以创造理想的客户反应。

品牌色彩是许多知名公司企业形象的重要组成部分。认为可口可乐是红色,星巴克绿色或UPS棕色 - 许多公司已经在消费者心目中创造了持久的色彩联想。

但是,定义品牌的颜色不仅仅促进品牌认知; 它们也会对顾客的情绪产生深远的影响。公司已经了解到颜色在推动我们的决策中发挥作用,而在竞争激烈的市场中,忽视这样一个强大的工具将是相当不幸的。

Color Hunt

图片来源:Color Hunt

所有平台的颜色一致性

在所有营销渠道中始终如一地使用颜色至关重要。这意味着所有东西 - 平面广告和宣传册,所有数字平台,甚至是您的名片 - 都应该根据您的品牌突出特点进行设计。

如果您已经建立了品牌标识,无论是通过您的公司的Facebook页面,本地广告还是面包车上的徽标,您都可以了解公司的颜色。这使得选择您的网站配色方案变得更加容易!

您希望通过继续使用您选择的相同颜色来保留和扩大您现有的品牌标识。

希望您在设计公司徽标时不要只是闭上眼睛并选择颜色。如果您这样做了,并且您的品牌标识仍然处于起步阶段,那么重新开始可能很聪明。这使得您与那些尚未建立品牌标识的人处于相同的位置。这不是一个糟糕的地方。

通常情况下,会创建一个徽标,而不会考虑网站上的颜色会如何变暗。如果您刚刚开始创业,那么在投入可能不适用于您所有营销渠道的颜色之前,您有机会考虑这样的事情。

关注客户 - 了解目标受众

选择品牌颜色时需要考虑的首要事项之一是目标受众。根据您的产品或服务,选择与您的客户产生共鸣的颜色可能是一个明智的选择。

假设你在卖链锯。目标受众的主要差异特征之一是性别。以传统男性色彩(黑色,棕色等)为中心的配色方案将是您的选择。

但目标受众的定义不仅仅是性别。对于大多数人来说,购买不是由逻辑推动的,至少不是完全的。当然,人们购买他们需要的东西,但“需要”可能是将某个形象投射到世界的愿望。

没有人真的需要你看到人们穿着的大型模拟手表之一。然而,对于那些选择那种风格的人来说,展示那种金光闪闪是一个非常真实的目的。

许多购买旨在表明我们的个性或兴趣。一旦您将一组消费者确定为您的目标受众,就不难将他们的个性特征和兴趣映射到他们会觉得有吸引力的一组颜色。

如果您的目标是吸引与自然和和平相关的客户,绿色是一个不错的选择。要吸引重视安全和稳定的人,请选择蓝色。黑色吸引那些想要投射力量或富裕的人。

进入客户群可能需要一些业余心理学,但在定义品牌的外观和感觉时,包括所涉及的颜色,这是必要的。

谈到心理学,下一节将进一步探讨这一主题,探讨色彩心理学如何影响购买决策。

Ciitmaur

图片来源:Ciitmaur

色彩心理学:简介

大量研究表明,人们将颜色与某些情感和观念联系起来,并且这些联系因年龄,性别和国籍等因素而异。不同的颜色可以吸引特定类型的客户,并对行为产生重大影响。公司通常采用色彩心理来吸引他们想要的客户类型。

颜色与商业

我们的大脑首先处理颜色,然后处理单词和形状。

当我们沿着高速公路行驶并看到麦当劳的金色拱门时,我们中的许多人都注册了由炸薯条制成的巨型“M”(或许那只是我)并且想想,“百胜...麦当劳!”

这是一些非常有效的营销方式,但除了品牌认知外,还有更多的进展。在餐馆名称突然出现之前的第二秒,您会体验到潜意识的进食欲望。那是因为快餐连锁店选择了红色和黄色的配色方案,专门用来刺激你的胃口。

科学证明,红色会引起食欲增加,黄色会产生与快乐的联系。

所以,只要看到麦当劳的标志就会让人们感到饥饿和快乐!作为一个聪明的营销粉丝,我很喜欢它!

如果颜色可以对我们的购买选择产生这样的影响,那么以一种增强您业务的方式使用网站颜色是有意义的。如上所述,某些颜色会在消费者的头脑中产生潜意识联想,因此您应该将颜色选择与您尝试引发的反应对齐。

色彩与文化

颜色在世界各地都有不同的含义,所以如果您的观众跨越文化,那么在选择品牌颜色时您需要考虑这些因素。

全球颜色象征的变化太多,无法在此列出。有些颜色具有实际的普遍吸引力,有些颜色具有与假设相矛盾的心理影响。

对于许多文化而言,紫色与财富和贵族有关,但在巴西和泰国,颜色与哀悼有关。同样,在许多亚洲文化中,白色与死亡和厄运有关,而西方文化则将颜色与纯度和清洁联系起来。

如果您有兴趣吸引特定文化的人,那么识别该群体颜色偏差的工作将相对容易。但是,如果您寻求国际客户群,则可能需要考虑多种文化因素。在这种情况下,建议选择更普遍喜欢的颜色。

考虑辅助功能

您在网页设计中使用的颜色,更重要的是,这些颜色之间的对比对可访问性产生巨大影响。客户必须能够轻松接收您的内容,因此在选择网站颜色时,关注可读性至关重要。此外,根据您的受众,使用对视力障碍有帮助的配色方案可能很重要。

当前的Web内容可访问性指南将为您提供有关此主题的所有详细信息,但您可以在此处获得该主题的简要概述。

考虑辅助功能

可读性很重要

可读性完全与对比度有关。您将需要使用您选择的颜色托盘,但也可以找到提供高度对比度的颜色。对比度检查器可用于验证您的选择。

一般的经验法则是,为了最大限度地提高可读性,正文应跳出页面 - 您的文本和背景颜色应具有非常高的对比度。号召性用语也需要对比,但你可以分为更亮的颜色。

如果您有信息图,呼出或任何您想引起注意的网站元素,那么您可以真正获得创意。对比度仍然很关键,但你可以考虑在基本方案之外更大幅度地转换颜色。

视觉障碍怎么样?

随着互联网成为庞大的营销平台,用户的平均年龄增加。今天,许多老年人在网上购买产品和服务,其中很多人看不到年轻购物者。你的网页设计没有理由排除那些人 - 而不是在很容易满足他们的需求时。

为了帮助有视力障碍的人,最重要的因素是对比度。许多常见的眼部疾病会对人的对比敏感度产生负面影响。随着年龄的增长,区分阴影变得困难。

如果您的网站具有炫酷渐变和光滑的色彩组合,使其感觉干净和现代,它对大多数人来说看起来很棒,但对于难以对比的用户来说,该网站将很难被吸收。取决于您的受众,你可能会决定重新考虑一个令人大笑的配色方案,而不是一个适合每个人的方案。

另一个需要考虑的因素是色盲。设计中很难包括在内。由于条件的性质,提供替代配色方案是完全解决问题的唯一方法。就是这样,或者去单色,这可能会导致你的网站看起来非常蹩脚。

一个好的折衷方案是在除了一个关键领域之外的所有领域排除这个因素 - 你的行动呼吁。为动作按钮选择颜色时,请远离使色盲用户混淆的颜色组合。这种组合的例子是红色和绿色,或蓝色和黄色。

色彩理论的基础知识

当您决定网站的颜色时,了解颜色理论的基础知识确实很有帮助。它并不像名称所暗示的那么复杂,你也不必极其狡猾。简要概述应该为您提供所需的所有信息。

颜色理论是与颜色分类和颜色组合的使用有关的指导原则的集合,以实现期望的视觉效果。

早期的色彩理论的概念可以追溯到15 个世纪,但这些想法从来没有被法律规定为精确的科学。颜色理论不是试图解释我们如何或为什么看到颜色,而是作为一种工具来促进视觉艺术应用的创造力。

色彩理论的基础知识

图片来源:Visme

色轮 - 您的地图以引人注目的颜色组合

现代色轮使用圆形图案中的平滑色渐变来表示理论上无限的色彩组合范围。它以有序的方式围绕圆形排列色调,说明原色,二次色,三次色及其变体之间的关系。

纯色(色调)位于车轮外侧。向内移动,下一个环包含色调(色调加白色),下一个环显示色调(色调加白色和黑色),内环包含色调(色调加黑色)。

红色,黄色和蓝色的原色在车轮上等间隔。这些是通过组合两种或更多种颜色无法创建的颜色。

选择主色作为网站的主色可以在定义其他配色方案时给予很大的余地。当您尝试基于此颜色的组合时,您会发现原色为您的工作创造了良好的基础。

说到颜色组合,这就是你如何获得二次色和三次色。

二次色来自三种基色中的两种。有三种次要颜色:橙色(红色和黄色),紫色(蓝色和红色)和绿色(黄色和蓝色)。

通过将主要颜色与次要颜色组合,可以获得第三色。并非所有组合都有效 - 例如,混合红色和绿色或蓝色和橙色都会产生模糊的褐色。

三原色来自于将原色与相邻的二次色混合。如果在色轮上选择两种颜色相邻的颜色,例如混合红色和紫色,则会得到一种三原色。在那种情况下,它将是洋红色。其他三级颜色包括红橙色(朱红色)和蓝绿色(蓝绿色)。

使用补色对比度

互补色是色轮上彼此相对的两种颜色。

使用互补色是实现高度对比度的一种方法。对于某些设计,最大对比度正是您所寻找的,但请谨慎操作。滥用互补色会导致眼睛难以接受的内容。

如果您的网站提供图表和图表,互补色的鲜明对比将使您的内容流行。然而,即使在这种情况下,最好使用互补对的一种颜色作为主色,另一种作为强调色。

暖色和冷色 - 通用分类

温暖和冷色调的概念不受人口统计学的影响 - 通常,世界上每个人都认为红色是冷的,蓝色的是冷的。

色谱的红色部分包含暖色,包括红色,橙色和黄色。Browns和Tans也是这个群体的一部分。温暖的色彩可以诱发温暖的感觉,但也可以代表愤怒和危险。

光谱的蓝色部分是冷色调的家:蓝色,紫色和绿色,加上许多灰色阴影。冷色调可以与冷静相关,但也可能引起悲伤。

我们认为温暖和冷色的颜色完全不同。当它们在设计中一起使用时,对比度在视觉上促进了暖色,并使冷色调退出。暖色调具有刺激效果,而冷色调则带来平静。

暖色和冷色

定义您的网站配色方案

如此处所示,为您的网站选择正确的配色方案有几个关键因素。本节快速总结了所有内容,提供了一个简单的四步指导,介绍如何完成它。

步骤1.确定您的品牌主导颜色并将其作为起点。

您的主要品牌颜色固定了配色方案。您使用的所有其他颜色将根据它们与主导颜色的外观来确定,因此选择它是至关重要的第一步。

第2步。访问您的内在艺术家,并提出完美的互补色。

这就是色彩理论和色轮发挥作用的地方。尽可能参与,做一些实验,并寻求第二意见。此决定将极大地影响您网站的视觉吸引力,因此需要时间来做到正确。补色将用作您网站的强调色。

第3步。选择你的背景颜色 - 这都是关于对比度的。

将可读性视为选择背景颜色时的主要因素。您的选择可能意味着跳出页面的重要元素之间的差异或迷失在混乱的内容中。背景颜色对可读性也有很大影响,因此在选择颜色时要认真考虑正文文本的外观。

步骤4.小心地将新配色方案应用到您的网站。

虽然您的品牌主导颜色是您的配色方案的锚点,但它不一定是您网站的主色。毫无疑问,您的徽标中会显示颜色,很可能会突出显示。这意味着您可以选择性地应用原色,仅使用它来突出显示您想要引起注意的部分。

您定义的互补色应该用作强调色,以创建视觉吸引力并吸引网站上的次要信息。您可能希望包含反馈按钮或突出显示信息性呼出,但您不希望分散用户对主要号召性用语的注意力。这是你应该使用强调色的好例子。

定义您的网站配色方案

现在您已经了解了在定义网站配色方案时需要考虑的一些基本因素,希望它不像您想象的那样具有挑战性。

考虑一下您的品牌形象和受众,考虑一点心理学和色彩理论,在您了解它之前,您将拥有一个独特的网站,旨在吸引客户到您的企业。

最新回复 (0)
返回