如何选择一个良好的配色方案为您的网站

选择为您的济南网站建设一个很好的配色方案可能是一个可怕的东西─特别是如果你不自信你的颜色协调能力,或觉得你一个熟练的设计师不是。

我的丈夫稍色盲,每当他试图挑颜色什么这让他很紧张

你呢?

  1. 您应该使用什么颜色的标志或标题?
  2. 你知道如何选择互补色,结合呢?
  3. 其中你的网站的一部分,你应该使用什么颜色?

采摘和混合的颜色可以是一个棘手的比赛。

结果可以看和谐,或类似的场景直出恐怖片!

如果你避免任何颜色,你的网站可以看看平淡和遗忘。 如果使用太多的颜色在您的网站,你就有可能使它看起来俗气。

除了 ​​不理解如何选择合适的模板设计 ,学习如何使用颜色在您的网站是所有DIY网站所有者可以面对的最大挑战之一。 如果你不具备的色彩和设计天生的悟性,尤其如此。

如果你是借鉴什么 以及如何在网站上使用的颜色的正确方法是一片空白,这篇文章可以帮助你。

一旦你知道采取正确的步骤,使用的颜色可以简化。

所以,我们已经把这个指南一起向你展示,一步一步,如何:

  1. 选择合适的主色为您的网站和品牌。
  2. 结合互补色塑造你的完美的配色方案。
  3. 选择背景颜色,为你工作。
  4. 使用颜色在您的网站的正确的地方-像亲。

让我们开始吧!

如何颜色可以提高你的网站和品牌标识

当我问你认为可口可乐,那是什么跳进你的头脑的第一件事?

好了,希望冰冷瓶可口可乐可能是其中之一。

然后,标志性的焦标志的图像可能会到你的头脑。

这是相当困难想到可口可乐没有看到红色。 红色既是可口可乐的一部分,成为其著名的苏打水。

你知道可口可乐的决定使用红色作为自己的品牌颜色并不是偶然?

红色有两个重要的目的:

#1的消防车红色让可口可乐从他们的商店货架上的竞争对手杰出的事物; 和

#2每种颜色都有不同的感受,或连接到它的情绪。 当人们看到红色,它会触发喜欢热闹,气魄,爱和激情的情绪反应。 这些正是可口可乐希望你能与它关联苏打感情。

当你选择正确的颜色为您的网站,你这样做的远不止使它看起来吸引人- 你正在创建一个令人难忘的品牌

购物者 85% 彩的地方作为一个主要的原因,为什么他们购买特定的产品。

使用的颜色,当在品牌认知度 80%的 增长。 品牌识别直接链接到消费者的信心。

现在,你应该想:“ 哇,颜色是像魔术! 为什么没有更多的人用它来 ​​自己的优势?“

嗯,因为大多数人不知道怎么办。

因此,在接下来的章节中,我们将向您展示三个简单的步骤,你可以按照使用彩色你的优势在您的网站开始。

3步骤,使用您网站上的颜色 – 以正确的方式

有3个主色调则需要当你设计你的网站要考虑:

  1. 选择一个主色为你的品牌颜色
  2. 选择1至2口音的颜色,为您的网站的配色方案
  3. 选择背景色来完成设计

这几乎是它! 别担心,我们会告诉你如何挑选它们连同一些例子 – 让我们继续前进!

#1选择你的主色

占主导地位的颜色是你的品牌颜色 – 如消防车红色的可口可乐。

这种颜色可以帮助带出某种情绪或感受,当人们到达您的网站上 – 就像激情,兴奋,勇气和爱可乐。

这是你希望你的观众记住当他们认为你的颜色。

如果你已经有了一个标志,让您的标志原色确定人正在使用您的主色(如果你不知道如何创建一个好的标志, 请参阅本指南 )。

但是,如果你不心里有一个占主导地位的品牌颜色的是,这里是如何挑选一个:

颜色的含义:如何选择合适的颜色适合你

大公司并非偶然挑选自己的优势/品牌颜色。 它的战略选择作为自己的品牌和营销计划的一部分。

不同的颜色有能力吸引特定类型的购物者,甚至可以改变消费者行为。

您还可以使用不同的颜色,以你的优势,因此您可以吸引你想要的客户类型。

我们已经创建了一个方便的信息图,帮助您选择完美的主色。 看看你是否能找到的颜色最能代表你的立场!

现在,你有什么样某些颜色的意思是一个不错的主意,其中一个最好的业务相匹配,或者你的网站访客如何你想感受,当他们看到你的品牌?

如果你不是很确定的是,这只是意味着你应该花一些时间反思你的品牌和客户的类型你想吸引。

你们是不是要吸引更年轻,更有活力的客户? 或复杂的个体有更多的可支配收入? 是你的产品/服务迎合了男性还是女性? 他们是更适合于某一特定年龄组?

并非所有的颜色都适合您的业务。 例如,如果你是卖瑜伽垫,使用紫色(财富,皇室)或黑色(动力,豪华的)可能不是最好的选择。 您可能要考虑使用绿色(健康,安宁),灰色(简约,沉稳),蓝色(和平,平静),甚至红色(激情,能量)。

来吧,花几分钟时间记下一些想法。

伙计们和女孩之间的差异 – 它们的色彩偏好

好吧,不同的颜色吸引不同类型的人,但是你知道男人和女人通常喜欢不同的颜色呢?

它的性别您的公司或网站的目标? – 是女人吗? 人? 或两者?

你可以通过学习上面的表中创建一个非常强大的和有针对性的品牌颜色。

通过使用由任一男性,女性,或两者青睐的色彩组合,你可以改变自己品牌的认知-潜意识。

例如,根据研究,你可以看到,无论男女都喜欢蓝色和绿色。 无论男女也喜欢橙色和棕色。 所以,如果你的目标男女,进行了这项研究,这将是更有利的考虑使用蓝色或绿色作为主色(或至少口音的颜色 – 详见下文)。

这是有帮助的情报有!

让我们把它一步。

你如何用色彩为你的品牌或产品/服务,也可以通过什么样的情感你的目标受众被吸引到的影响。

让我解释。

很多时候,人们购买特定的产品/服务,因为他们潜意识里希望工程有一定的个性给他人。

被视为大摇大摆在街上一个新的昂贵的钱包,或在时髦的咖啡馆挂出,或在一个时髦的新的休息室被人看到,都静静传达关于一个人的某些特征。

你明白我的意思? 很多个人的决定是他们觉得他们是谁,他们希望别人看到的反射。 这是一个人的身份与相关联,并希望别人知道这件事。

所以,如果你想吸引谁与自然和宁静识别人,使用绿色。 如果你想吸引谁想要被视为青春或乐观,试试黄色。 如果你的目标受众希望被看作是强有力的或奢华,尝试黑色。

得到它?

花几分钟想想你的理想观众,他们渴望与被识别的东西。 他们想要什么和怎么做,他们不想被人看到?

很多心理学这里,但为你建立你的品牌时需要考虑的很重要。

如何使用您的主色在您的网站

现在,你有一个主色,你想在你的网站最合适的地方使用的颜色。

颜色吸引了很多关注,所以你不希望在任何地方插入它。

这里有一个经验一般规则:

只有用你的主色在您希望您的网站访问者要注意,如果您希望您的访问者采取某些行动 (如拨打电话号码,填写一个接触的形式,注册到一个名额有限通讯等)。

基本上,你的主色应该是“啪” – 真正彰显您希望您的访问者关注。

选择你的口音的颜色

这是很无聊让您的整个网站只有1单一的颜色。

为了让您的设计更有趣(及专业),你需要口音的颜色突出显示你的网站像引号,按钮或字幕的关注,值得部分。

颜色混合和匹配实际上吓跑了很多人,因为它并不总是很容易和直观知道哪些颜色混合在一起良好,无色彩理论有很好的理解,和大量的试验和错误。

但是, 谁还有时间来获得色彩理论的博士? – 不是我。

谢天谢地,有一个快捷方式,每个人都可以使用! 这是一个颜色匹配工具,可以帮助你把颜色像亲!

如何使用颜色匹配工具,帮助您选择强调色

一旦你有你的主色调,它真的很容易使用配色工具,如找到你的口音颜色Adobe颜色CC工具 。

Adobe颜色CC看起来很复杂,但它实际上是用一个非常简单的工具。

我们已经创建了一个简短的教程向您展示如何用它来从以下两种方式之一建立你的配色方案:

如何使用您的网站上你的口音颜色

现在,你有你的互补口音的颜色,你可以用它们来突出您的网页上次要信息。

这些内容/项目属于你的网页的主要焦点,但你仍然希望他们能够脱颖而出。

例如,它们可以是字幕,次要的按钮,信息盒,背景颜色等

尽量挑选只有1或2口音的颜色。 如果有太多的口音的颜色,他们将创建可能会混淆您的访客太多的焦点。

选择您的网站的背景颜色

你以前画的房子?

如果你有,那么你可能有一个选择墙面颜色一些经验 – 你会知道,选择合适的墙壁的颜色可以是一个挑战。

你想墙面的颜色,使房间感觉很舒服。 颜色应足以抚慰你可以花的房间小时不具有彩色压倒你。

与此同时,你不想要的颜色是如此地乏味以至于感觉房间完全无菌。

选择背景色实际上是很多像选择墙面漆的颜色!

您希望您的网站访问者感到舒适的浏览您的网站。 你不想惹恼你的访客或使其具有挑战性的使用过于大胆或明亮的背景颜色吸收你的内容。 与此同时,你不希望你的网站是如此漠不关心,你的观众的眼睛只是galzed了你想说的任何重要的东西。

如何选择合适的背景颜色?

如果你挑选的墙壁颜色为时尚的零售商店和一个夏季别墅,你会选择为他们相同的颜色?

或许不会,因为每个空间的目的不同,所以您选择的颜色应该是不同的。

例如,在零售服装店,你可能需要使用大胆的颜色画出购物者的衣服架子。 你想墙面的颜色与商品货架对比度,使购物者可以即刻知道在哪里,当他们进入商店看。

相反,你可能想感受在一间小屋度假屋更轻松。 您希望您的墙壁颜色和装饰有舒缓和放松的效果。 你想要的一切融入这样你就可以专注于从过大小的窗口壮丽的景观视野。

在一个非常相似的方式,你的网站的背景颜色取决于你希望你的访问者关注什么。

简单地说,你选择作为您的底色颜色的颜色完全取决于你的网站的目的。

键入#1 -内容强化信息网站和电子商务网站

你有没有注意到,大多数信息网站或电子商务网站通常用白色或中性的背景颜色?

这是因为这些类型的网站的目的是促进思想或产品。

焦点是在内容或产品,而不是该网站的设计。 背景颜色为仅一个背景,以帮助使内容更可见性和可读性。

用于信息密集型和电子商务网站的最佳配色方案是一种白色或浅色背景,以大胆的优势和口音的颜色。 大胆的显性和口音的颜色给网站的个性和重点,而纯背景颜色让你的访问者的专注于内容或产品。

类型2 -企业/商务网站

企业/商业网站通常有两个目的 – 促进品牌或它的服务。

根据其用途您的企业网站希望把重点放在,你的背景颜色会有所不同。

促进品牌

当你想建立一个强大的品牌标识,你应该用你的优势或品牌的,各种色调作为背景色。

这是因为颜色是紧密联系在一起的品牌认知度(还记得我们上面的可口可乐的例子吗?)当你用你的优势/品牌颜色的变化作为你的背景,你正在加强自己的品牌,并使其更令人难忘你的听众。

如果你有一个非常大胆的色彩的品牌,用它作为你的背景颜色可以是过于庞大。 如果是这样的话,可以考虑选择你的品牌颜色的那么激烈树荫来代替。 使用Adobe颜色CC的工具来生成主色不同的色调和亮度。

促进服务

如果你希望你的服务或您的过去的项目投资组合的价值为着力点,用白色或中性的背景颜色。

就像内容密集型和电子商务网站,你不希望你的背景颜色取重点从您的内容或你想要传达的信息了。

通过选择中性或白色背景,内容自然会变得更加瞩目。

#3号-时尚创意网站是图形密集

对于时尚,设计,餐饮,美容及创意产业使用的网站,世界尽在掌握。

有确实没有规则,以什么背景图像或颜色,你应该使用。 您可以使用一个黑色的菜单栏,创造更多的戏剧; 或者你可以使用彩虹的所有颜色创建一个鼓舞人心的背景图片。

说实话,在这里你可以打破所有的规则,并使用你喜欢的,只要任何颜色,你记住这条规则- “ 永远不会选择一个背景,使您的文字或内容难以阅读 。”

您完美的背景颜色是一​​个能够让你的内容是焦点,而与你的优势和口音的颜色和谐地工作,使观众感觉良好,同时浏览您的网站。

如有疑问,请使用白色或非常浅的灰色作为背景色。 虽然它可能不是最鼓舞人心的颜色,你知道你的内容将永远彪炳。

结论和重点外卖

选择为您的网站恰当的颜色不应该根据自己喜欢的颜色,或在直觉。

一个好的网站设计是一个总是先放它的观众。

选择颜色和设计吸引你的目标受众,这样就可以使一个难忘的连接(潜意识),并从竞争中脱颖而出。

采摘的配色方案不应该是随机的。 相反,它应该是一个有组织的系列,客观,配套练习:

(1)匹配你的品牌与正确的主色; (2)相匹配的主色与使用Adobe工具口音的颜色; 最后(3)的匹配与主导&强调色的背景色。

按照我们上面的3个符合步骤,您可以创建自己的网站一个很好的色彩组合 – 即使你没有设计和色彩的协调感很好!

不要害怕注入一些颜色到您的网站,并有一些有趣的过程! 只要记住,不要让你的颜色过功率的内容!

Comments are closed.