图片·设计发布日期 更新日期 阅读时间约 7 分钟

品牌色的选法|Logo颜色给人的印象与选择步骤

知名服务的Logo,即使把形状模糊掉,往往仅凭颜色也能猜出来。这是因为颜色不是作为“含义”而是作为“标记”被记住的。本文整理颜色可以承担的作用,以及毫不犹豫地把品牌色收窄到一种的步骤。

颜色先作为“标记”而不是“含义”发挥作用

玩一玩品牌Logo测验就会发现,即使Logo变成单色剪影,也能猜中相当多。去掉线条粗细和文字,只剩下形状和颜色,仍然能够认出来——这正是颜色的主要工作。

  • 能从远处、在小尺寸下、一瞬间分辨出来(在货架·标签页·通知中让视线停留)
  • 能与形状相同的竞争对手区分(即使图案相似,颜色不同也会被看成不同的东西)
  • 在商品·广告·店铺等不同媒介中也能被当作同一事物

“蓝色代表信赖”“红色代表热情”这类颜色含义作为出发点是有用的,但只凭这些决定,往往会和竞争对手选同样的颜色。比起套用含义,优先考虑能否被区分,结果反而更容易被记住。

各颜色的印象与常用的行业

颜色的印象会因文化和语境而改变,下面是在日本国内一般容易被接受的倾向。这只是出发点,最终要看在自己的行业里这种颜色是“多数派还是少数派”来判断。

颜色容易给人的印象常见行业注意点
蓝信赖·清洁·冷静金融、IT、医疗、公共机构使用的企业非常多,容易被淹没
红热情·活力·紧急餐饮、零售、体育也是警告色,面积大时压迫感强
绿自然·安心·健康食品、农业、环保、药店饱和度低时容易显得朴素
黄·橙亲切·活力·注意儿童向、物流、餐饮连锁在白色背景上对比度容易不足
紫高级·独特·创造美容、娱乐、占卜也容易显得廉价,色调难以调整
黑·灰精致·厚重·中立时装、高档品、B2B容易显得冷淡,效果取决于照片质量

把品牌色收窄到一种的步骤

  1. 1

    写出使用的场合

    应用图标、网站按钮、名片、资料标题、信封。使用场合不同,需要的颜色数量和亮度也不同。如果主战场是屏幕,就选显色好的颜色;如果以印刷为主,就选印刷后不会发暗的颜色。

  2. 2

    排列竞争对手,寻找空着的颜色

    把同行的Logo排列起来,按色相分类。决定是避开多数派的颜色,还是刻意使用同一色相但大幅改变明度·饱和度。

  3. 3

    确定主角的一种颜色

    最先确定的只有一种颜色。如果从多种颜色的组合入手,就会变成不知道谁是主角的品牌。

  4. 4

    只补充最少的辅助色

    文字颜色(深灰或黑)、背景颜色(白色或很淡的颜色)、强调色(一种)就足够了。强调色从主角颜色对面的色相中选,会更醒目。

  5. 5

    转为黑白进行验证

    去掉颜色,只看明度。如果这时无法辨认形状,就说明设计过于依赖颜色。在传真、黑白打印、深色模式中必然会出问题。

黑白验证时,像像素画那样只用黑色和浅灰来搭出形状,会更容易确认。先确认作为形状是否成立再加颜色,这个顺序很重要。

能否阅读,要在喜好之前确认

如果要在选定的颜色上放文字,就必须确认对比度。按照网页无障碍的标准,正文尺寸的文字与背景的对比度应在4.5:1以上,大号文字(约24px以上,粗体约19px以上)在3:1以上。

  • 在黄色或亮绿色背景上放白色文字,几乎一定达不到标准。文字要用深色。
  • 如果按钮背景色使用主角颜色,要先确定上面的文字用白色还是黑色能读清。
  • 不要只靠颜色区分链接或错误提示。要加上下划线、图标或文字。颜色的看法因人而异,也请确认不只靠颜色传达的配色的思路。
  • 在深色模式下,同样的颜色可能会过于突出。为深色背景准备一个稍微提高明度的版本会更安全。

不让选定的颜色“定了就不管”的运营方法

使用的人一多,颜色马上就会走样。每做一份资料就多出一种微妙不同的蓝色,这种情况并不少见。只要把以下三点记下来,就能在很大程度上防止。

要确定的事写法示例为什么需要
主角颜色的值#2F6BFF(用HEX固定为一个)防止相似的颜色越来越多
文字颜色和背景颜色文字 #1A1A1A / 背景 #FFFFFF防止各份资料深浅不一
禁止事项不在主角颜色上用白色文字,不改变颜色使用成为犹豫时的判断标准

个人资料卡和图标等对外发布的图像也用同样的颜色制作,就更容易跨媒介被认作同一个品牌。反过来,如果每个社交平台的颜色都不同,别人可能直到最后都没意识到是同一个发布者。

常见问题

品牌色最多可以用几种颜色?
主角1色、文字颜色1色、背景1色、强调色1色,合计控制在4色以内是比较容易驾驭的范围。颜色越多,越难说明“使用这种颜色的理由”,各份资料和画面之间也会出现偏差。可以参考很多知名品牌实际上只靠一种颜色被认出这一点。
我想用蓝色,但竞争对手也是蓝色。应该避开吗?
不一定要避开。即使同为蓝色,只要大幅改变明度和饱和度,就会被看作不同的东西。藏青和明亮的水蓝给人的印象完全不同。不过,如果选择与竞争对手相近的蓝色,就需要在形状或字体上拉开差距。判断标准是并排时能否区分。
不给颜色赋予含义,不就没有选择的依据了吗?
含义事后补上也能成立。实际上,很多品牌是以“能被区分”为优先来决定颜色,之后再与理念联系起来说明。在需要依据的场合,准备与竞争对手的比较表,展示“这种颜色在同行业中没人使用”“文字能读清”“印刷后不会发暗”等验证结果,更有说服力。
Logo的颜色可以中途更改吗?
可以更改,但重新被认知需要时间。如果要改,保留形状只更新颜色,或者在相近的色相内调整等,保留连续性的话影响会比较小。请先把图标、名片、资料模板等所有使用的地方都列出来,再进行切换。

本文介绍的工具

相关文章

图片·设计约 13 分钟

配色方法|70:25:5法则、3种颜色的选法与不出错的配色技巧

做网站、幻灯片或传单时,很多人都会遇到“颜色太多显得杂乱”“总觉得很业余”“被说文字看不清”这样的烦恼。配色常被认为靠天赋,但实际上专业设计师也是按照固定的步骤和数值标准来选色的。本文以“底色·主色·强调色三种颜色”和“70:25:5的面积比例”来搭建配色为主线,并结合可直接使用、附有颜色代码的配色示例,整理了基于色相环的配色方案、色调(明度与饱和度)的统一方法、颜色给人的印象、用对比度以数值确认可读性的方法,以及对不同色觉的照顾。

阅读文章 →