如何选择好的网站配色方案(2022年)

JDB电子夺宝App独立的研究项目和公正的审查部分由附属委员会资助, 对JDB电子夺宝App的读者没有额外的费用. 了解更多

如何为网站选择颜色

不管你是从头开始打造新网站的品牌, 或者重新考虑你现有网站的调色板, 本指南将帮助您选择正确的配色方案. JDB电子夺宝App将为你挑选最适合网站的颜色, 并帮助您找到适合您的网站独特的特点和风格.

毕竟,颜色是品牌的一个重要方面. 注意到几乎所有快餐店的标识都用红色和黄色? 这是因为它们一起鼓励饥饿和友谊. 橙色意味着有趣和友好, 蓝色是可靠性, 绿色象征着新鲜和自然, 而黑色则代表奢华或优雅.

那么,你希望你的品牌传达什么信息呢? 往下读,你会发现最适合网站的颜色, 你应该围绕哪些人来打造你的品牌个性.

你喜欢JDB电子夺宝App的图像吗?

想要使用本页上的任何图形? 是JDB电子夺宝App的客人! 你可以访问JDB电子夺宝App的图形, 加上一个方便的信息图表摘要,在这个 谷歌驱动. 一定要链接到这篇文章来感谢JDB电子夺宝App. 享受!

为什么网站颜色很重要

就像JDB电子夺宝App所提到的, 颜色可以在视觉上触发特定的感觉. 色彩心理学背后有很多东西,你可以看看 这页上的信息图表 一些有趣的拆封不同的品牌和他们使用的颜色, 以及他们所激发的情感.

你可能认为你不受颜色的影响, 但你会惊讶地发现,颜色的选择可以给公司的利润带来不同. 事实上, 85%的人声称 颜色对他们购买的东西有很大的影响.

当一些公司尝试他们的按钮颜色, 他们注意到自己的转换率出现了急剧上升或下降. 例如,制作投影屏幕的Beamax公司就注意到了这一点 一个庞大的53.增加1% 红色链接和蓝色链接的点击量.

这不仅仅是点击 一项关于颜色对心理影响的研究 研究发现,颜色平均能提高80%的品牌认知度. 例如,想想可口可乐,你很可能会想到它们鲜艳的红色易拉罐.

但这并不意味着红色为王,因为这并没有真正的规则. 如果你的站点主要是红色的, 红色行动号召不会那么引人注目, 所以,在你找到适合你的颜色组合之前,你会想要尝试不同的颜色.

来源:真实名单,商业内幕,重启在线

如何为你的网站选择颜色方案

那么,怎样才能找到适合自己的工作呢? 现在你知道颜色对你网站的品牌和体验有多重要了, 让JDB电子夺宝App来看看你应该做什么来决定你应该选择什么颜色.

你首先需要很好地了解你在销售/提供什么. 如果你想获得更高的溢价, 高端形象, 那么紫色就是你的首选, 人们把它和皇室联系在一起, 高质量的, 和阴谋.

然而, 如果你想要获得更广泛的受众, 蓝色让人安心, 柔和的颜色,适合更精致的主题, 比如医疗或金融行业.

选择原色

决定原色的最好方法是考虑你的产品或服务的氛围, 仔细阅读适合这种氛围的颜色,找到你喜欢的. 下面是一些例子:

  • 红色: 可口可乐或任天堂-暗示兴奋或快乐
  • 橙色:尼克儿童频道或芬达-暗示一个友好的,有趣的时间在前面
  • 黄色: 尼康或麦当劳-暗示乐观和快乐
  • 格林: Whole Foods或Animal Planet -暗示新鲜和自然
  • 蓝色: 沃尔玛或美国运通——意味着可靠和安心
  • 紫色: 贺曼或吉百利-暗示一个卓越的品牌,具有优良的品质
  • 布朗: Nespresso或UPS -指的是一种任何人都可以使用的可靠产品
  • 黑色: 香奈儿或阿迪达斯——奢华或优雅的象征
  • 怀特: 苹果或耐克-暗示时尚,用户友好的产品

如果你已经有一个彩色的标志, 使用与你现有品牌相匹配的原色是有意义的. 任天堂的品牌是红色的,这体现在他们的主页上.

任天堂的颜色

这可能是最简单的一步, 因为你可能已经知道你想让你的网站变成什么颜色了. 只需确保保存十六进制代码!

选择额外的颜色

一旦你心中有了一个原色,就该开始选择你将要使用的其他颜色了. 一个好的开始是考虑颜色的赞美. 每一种颜色都有对应的颜色,使它“流行”,这些被称为颜色恭维.

例如, 绿色背景上的红色圆圈比绿色背景上的蓝色圆圈突出一点. 但是蓝色的圆圈在橙色的背景下看起来会更好更明显.

所以如果你使用的是一个以绿色为主的网站, 实施红色行动号召是个好主意, 或者用红色来突出你想吸引读者眼球的重要功能.

试着在你的原色上只使用一到两种颜色. 不止这些,你就会和杂乱做斗争. 如果你用大量不同的刺激物淹没了访问者,那么任何事情都不可能脱颖而出.

Eargo颜色

使用额外颜色的一个很好的例子是助听器品牌Eargo. 它的主色是橙色, 所以它用这种较暗的蓝色来突出它网站的重要部分. 根据JDB电子夺宝App对颜色的了解, JDB电子夺宝App可以看到蓝色和亮橙色是如何相互对比的. 橙色也让一些重要的元素变得流行起来,比如“添加到购物车”按钮和标识.

使用色轮可以帮助你找到合适的颜色. 互补色位于彼此直接相对的位置, 三种原色在三角形的点上.

选择一个背景颜色

这是一个重要的选择, 因为从理论上讲,你的网站的背景颜色会比其他颜色占据更多的空间. 然而,这是一个很容易做出的选择,因为它实际上可以归结为两个选择.

为了巩固你的品牌,你可以选择一种更柔和的原色. 这将需要一个白色或灰色的背景覆盖,以显示文本.

另外, 你可以让整个网站变成灰白色, 哪个是更常见的选择. 它是无害的,不会阻止任何东西-文本,图像,或链接-从页面上跳下来.

business events背景

看看JDB电子夺宝App自己的网站,就知道什么是空白的,灰色的背景可以突出.

选择一种字体颜色

色彩之旅的最后一站是确定字体颜色. 你可以选择简单的黑色, 但是你可以在网上浏览一下, 你会发现纯黑色字体并不像你想象的那么常见.

白色背景上的黑色字体 会导致眼睛疲劳吗, 因为这是一个100%的对比——如果你的网站很难阅读,人们更有可能点击离开.

而显式彩色字体应该保留给链接和重要的信息位, 你可以使用灰色或灰色色调使你的网站更柔和, 更邀请. 没有太多的实验空间, 但为文本上色是值得的.

企鹅字体

快速浏览企鹅图书网站的这个页面就会发现,他们选择了更柔和的灰色调作为他们的文本. 这比鲜明的黑白对比要温和得多,而且能营造出柔和的氛围.

选择网站颜色的小贴士

到目前为止,你已经对你的网站将使用的颜色有了一个概念. 当你在考虑颜色时,这里有一些额外的提示.

使用一致的饱和

你可以做的一件事是加强你的品牌是使用各种颜色与相似的饱和度. 饱和度是颜色亮度的另一种说法. 来看看饮料公司Innocent对颜色的使用:

无辜的颜色

在这里,它们有六种不同的颜色,但它们都不觉得不合适或不和谐. 这是因为它们的饱和度被减弱到相同的水平,让它感觉一致.

使用相同的颜色,但不同的饱和度

当一个品牌与某个颜色有很强的联系时, 他们可能不想把分支扯得太远. 然而, 所有的东西都是单一的颜色会变得有点过时, 所以,拿你的原色和饱和度来玩会很有趣. 看看这篇TechCrunch文章左下角的社交媒体选项吧.

TechCrunch的颜色

这五种颜色都是类似的绿色,但亮度不同. 这些改变了页面的视觉效果, 同时也强调了浅绿色是TechCrunch的代名词的理念.

进一步的建议

更多提示, 看看下面的信息图,它突出了不同品牌的颜色对消费者代表了什么, 它们是如何用于各种营销目的的, 还有一些品牌在自己的商标中使用它们的例子.

有用的资源来帮助你找到和选择颜色

如果你准备开始寻找颜色,你从哪里开始呢? 当你只有一个色轮的时候,确定一个颜色是很困难的. 通常情况下,您会选择一些在实现时看起来完全不同的东西. 即使你找到一种你喜欢的颜色, 你可能想要找到一个调色板与它一起工作.

这就是为什么有专门的工具来帮助你确定网站的配色方案. 一个例子是 Coolors -一个网站,帮助你抓取一个预制的配色方案,并实现到你的网站.

Coolors

也有 色安全, 另一个让你根据类型生成和浏览颜色的网站, 让你找到完美的红色或绿色.

色安全

一旦你制定了调色板,你可以输入你的网站 checkmycolours.com, 谁将分析你的网站,并给你的技术反馈,你的配色方案是如何有效的那些色盲或劣质显示器.

如何为你的网站选择颜色:摘要

当你为你的网站选择颜色时,以下是你需要采取的步骤:

  1. 选择一种原色:选择一种适合你的产品或服务能量的颜色.
  2. 选择额外的颜色:选择一到两个额外的颜色来补充你的原色, 理想的颜色让你的原色“流行”.”
  3. 选择一种背景颜色:选择一种颜色作为你的网站的背景——可能要比你的原色少一些“刺眼”.
  4. 选择一种字体颜色:为你的网站上的文字选择一种颜色——记住纯黑色字体很少见,也不推荐.

不要害怕使用网上不同的资源来找到你的完美颜色组合——有很多资源可以让你深入研究!

常见问题

尽量不要有超过两到三种颜色一直出现. 显然,你可以实现照片或信息图之类的东西,使用一系列的着色, 但说到背景色, 品牌, 和网站功能(如按钮), 尽量保持简单,这样就没有人会不知所措.

吸引眼球的颜色应该少用,否则就会失去效果. 你希望这种影响出现在转换点上,比如“立即购买”按钮. 互补的颜色, 就像JDB电子夺宝App上面提到的, 这是不是一个突出你的网站配色方案,并把用户的眼睛吸引到重点的好方法.

在品牌, 最常见的颜色 三种原色——红、绿、蓝——是吗. 这也适用于网站的配色方案.

你可以打破常规,选择黄色或紫色的网站, 但是原色之所以流行是有原因的. 你要确保你的品牌有一个不太常见的颜色的理由.

149条评论

您的电子邮件地址将不会被公布. 必填字段被标记为*