有了这么多选择,您无法单独评估所有色调和色调,并在没有参考点的情况下选择最合适的。你需要缩小你的选择范围。最好的开始方法是找到一种原色作为你的起点。
也许做到这一点的最好方法是按行业查看最受欢迎的选择。它可以帮助您了解色彩心理学以及哪些原色可能适合您的公司或产品。
不同的公司和产品选择不同的颜色来识别他们的品牌。但为什么?颜色不仅仅是吸引潜在客户和消费者注意力的更有效方式。这是一种在情感上,几乎是潜意识层面上与他们交流的方式。
从某种意义上说,这是在使用单个单词或句子之前在消费者心中建立品牌的一种方式。没有颜色向消费者讲述相同的故事,因此最流行的主品牌颜色取决于行业。
您希望潜在客户将哪种情感与您的品牌、产品或服务联系起来?
这是指导性问题,应该可以帮助您确定调色板的原色。
蓝色传递:
蓝色是值得信赖的颜色
在消费者信任比任何其他因素更重要的行业中,专业性和可靠性是关键卖点,蓝色通常用作主要的品牌色彩。
它不吸引自发性或情感。相反,它启动了一个冷静而合乎逻辑的决策过程。
最常见于以下行业:
红色传递:
依赖情绪和冲动决策的行业(如餐馆和快餐店)通常使用红色作为原色。红色被认为可以刺激饥饿感,因此是国际食品品牌的首选。
绿色传递:
绿色传达活力感
大多数人将绿色与自然、植物和充满活力的恢复环境联系起来。依赖于更好的福祉或全天然成分产品的行业通常选择绿色。
黑色:自信、成熟虽然有些公司可能会默认使用黑色而不是选择专门的颜色,因为它让人感觉安全,但在消费者的信心或成熟度是关键因素的行业中,它也是一个领先的选择。
不要盲目跟随自己的品味和直觉,在做决定时要考虑色彩理论和色彩心理学。
对于标准的网站配色方案,您可以在单个方案或调色板中挑选出三到七种不同的颜色。
但是您应该在一个网站上使用多少种不同的配色方案?
这取决于个人情况和您的网站目标。如果您的网站是专门针对单一品牌、产品或公司的公司网站或博客,则您希望坚持单一配色方案。
另一方面,如果你的网站是一个电商网站,你可以为不同的产品方案使用不同的配色方案,以针对不同的产品类别唤起不同的情感反应。
使用多个调色板的问题在于,您将使任何内部或外部内容创建者的事情变得复杂,从而增加人为错误和并发症的机会。
ColorZilla
然而,它并不像看起来那么完美。您必须截取网站的屏幕截图并上传,生成的调色板不一定100%准确于设计中使用的实际色调。例如,如果网站包含渐变或颜色超出主配色方案的图片,则生成的调色板往往不准确。
下面我们将介绍与其品牌和行业相匹配的配色方案的优秀电子商务示例。
1.护肤品:明亮俏皮
Bliss网站配色方案:明亮俏皮
2.服装品牌:清晰简洁
LeBonnet网站配色方案:清晰简洁
3.服装店:简约
ReviseConcept网站配色方案:简约
对于希望让产品自己说话而不是创建有力的设计来讲述故事的电子商务网站,这种方法可能是一个很好的选择。
4.餐具:可靠性和专业性
MyTableware网站配色方案:可靠性和专业性
该网站使用深蓝色、浅棕色和灰色的简单配色方案来传达专业和可靠的感觉,并带有精致的音符。
5.口香糖:自然和冲动
Neuro网站配色方案:自然和冲动
红色和橙色也能吸引情绪和冲动的决定,出色地使用强调色。
6.手表:精致与奢华
PrimeAmbassador网站配色方案:精致与奢华
这些颜色非常适合推广定制手表等高端产品,但如果您销售的是普通消费品,则会感觉不合适。
7.裤子:创意和无障碍
Alday网站配色方案:创意和无障碍
该网站具有创意和趣味性,具有鲜艳的色彩组合,使访问者和潜在客户感到可以访问。
8.水果零食:优雅而突出的色彩
Madies配色风格:优雅而突出的色彩
黑色背景和成熟芒果的黄色拟人化突出了设计的简单性,从而形成了优雅的最终产品。
9.定制版型牛仔布:它还活着
Unspun网站配色风格:积极活力
下面,您可以找到我们为个人和旅游网站选择的最佳网站配色方案示例。
10.创意简单
MadeleineDalla配色风格:简单创意
通过将颜色排除在设计的其余部分之外,她真正突出了她从每个突出项目中精心挑选的特色照片的鲜艳色彩。她使用颜色的缺失和颜色本身一样多。
11.带有飞溅的灰度
12.与自然合一
iFly50
通过突出天空和水的蓝色,以及绿草和森林,它让任何游客都感觉与自然融为一体——对于任何自然或风景摄影师的网站来说都是完美的方法。
13.干净和专业
BenediktasGylys
主要的紫色突出了专业性,虽然只有少数颜色,但它们都有助于突出关键元素,即插图。
14.实用的颜色
BucketListly
它显示了当您将其与空白和正确的概念结合使用时,您可以从设计中的单一颜色中获得多少价值。
15.优雅简约
LarsFranzen
16.未来主义叠加
DotLung
17.光明与黑暗
LoveforIceland
下面我们突出显示了具有独特或有效配色方案的不同着陆页。
18.鲜明的对比
Zenly
19.颜色突出
Slack
20.鲜艳的色彩激发情感
Spotify
21.色彩对比在混乱中创造秩序
Autonomy
22.未来派色彩合奏
Bugsnag
23.充满活力
ConnectHomes
24.保守的色彩,俏皮的设计
Plink
25.自然活力
Travelshift
26.希望的明亮色彩
SwabtheWorld
如果您不想为您的方案或调色板手动挑选相邻的颜色、渐变或阴影,您可以使用在线工具来提供帮助。网上有许多免费的配色方案或调色板生成器。我们将仔细研究下面的一些最佳选择。
Colormind
Coolors.co
Paletton
ColorSpace
创建网站配色方案时要考虑的最后一件事是不同的人会如何看到颜色。
不同类型的色盲
蓝黄色盲更为罕见,对男性和女性的影响相同。
由于红绿色盲人的数量远高于任何其他形式的色盲,因此您的设计应该是您的首要任务。因为它们无法区分红色、绿色和紫色,而是将它们视为黄色和蓝色的不同色调,所以您要避免使用最终看起来过于相似的对比色。
在为您的标志或设计选择独立的原色时,您应该考虑它是否仍然适合色盲消费者的品牌。例如,紫色仍然是深蓝色到红绿色的色盲消费者,传达了可靠和值得信赖的信息。对我们来说,这是100%的品牌,因此我们的潜在客户心中没有潜在的冲突。
人眼可能能够区分数百万种不同深浅的颜色,但您不必梳理所有选项来找到适合您网站的配色方案。
通过专注于您的品牌和理想客户,您可以缩小对原色的选择范围。一旦你有了选择,你可以依靠在线调色板生成器来完成你自己的调色板,或者根据示例和偏好选择匹配的颜色。
使用正确的方法,可以创建可用作设计过程起点的网站配色方案,但如果您想获得正确的专业外观和感觉,通常需要聘请合适的Web开发人员/设计师您的品牌需求。