品牌色的选法|Logo颜色给人的印象与选择步骤
知名服务的Logo,即使把形状模糊掉,往往仅凭颜色也能猜出来。这是因为颜色不是作为“含义”而是作为“标记”被记住的。本文整理颜色可以承担的作用,以及毫不犹豫地把品牌色收窄到一种的步骤。
颜色先作为“标记”而不是“含义”发挥作用
玩一玩品牌Logo测验就会发现,即使Logo变成单色剪影,也能猜中相当多。去掉线条粗细和文字,只剩下形状和颜色,仍然能够认出来——这正是颜色的主要工作。
- 能从远处、在小尺寸下、一瞬间分辨出来(在货架·标签页·通知中让视线停留)
- 能与形状相同的竞争对手区分(即使图案相似,颜色不同也会被看成不同的东西)
- 在商品·广告·店铺等不同媒介中也能被当作同一事物
“蓝色代表信赖”“红色代表热情”这类颜色含义作为出发点是有用的,但只凭这些决定,往往会和竞争对手选同样的颜色。比起套用含义,优先考虑能否被区分,结果反而更容易被记住。
各颜色的印象与常用的行业
颜色的印象会因文化和语境而改变,下面是在日本国内一般容易被接受的倾向。这只是出发点,最终要看在自己的行业里这种颜色是“多数派还是少数派”来判断。
| 颜色 | 容易给人的印象 | 常见行业 | 注意点 |
|---|---|---|---|
| 蓝 | 信赖·清洁·冷静 | 金融、IT、医疗、公共机构 | 使用的企业非常多,容易被淹没 |
| 红 | 热情·活力·紧急 | 餐饮、零售、体育 | 也是警告色,面积大时压迫感强 |
| 绿 | 自然·安心·健康 | 食品、农业、环保、药店 | 饱和度低时容易显得朴素 |
| 黄·橙 | 亲切·活力·注意 | 儿童向、物流、餐饮连锁 | 在白色背景上对比度容易不足 |
| 紫 | 高级·独特·创造 | 美容、娱乐、占卜 | 也容易显得廉价,色调难以调整 |
| 黑·灰 | 精致·厚重·中立 | 时装、高档品、B2B | 容易显得冷淡,效果取决于照片质量 |
把品牌色收窄到一种的步骤
- 1
写出使用的场合
应用图标、网站按钮、名片、资料标题、信封。使用场合不同,需要的颜色数量和亮度也不同。如果主战场是屏幕,就选显色好的颜色;如果以印刷为主,就选印刷后不会发暗的颜色。
- 2
排列竞争对手,寻找空着的颜色
把同行的Logo排列起来,按色相分类。决定是避开多数派的颜色,还是刻意使用同一色相但大幅改变明度·饱和度。
- 3
确定主角的一种颜色
最先确定的只有一种颜色。如果从多种颜色的组合入手,就会变成不知道谁是主角的品牌。
- 4
只补充最少的辅助色
文字颜色(深灰或黑)、背景颜色(白色或很淡的颜色)、强调色(一种)就足够了。强调色从主角颜色对面的色相中选,会更醒目。
- 5
转为黑白进行验证
去掉颜色,只看明度。如果这时无法辨认形状,就说明设计过于依赖颜色。在传真、黑白打印、深色模式中必然会出问题。
黑白验证时,像像素画那样只用黑色和浅灰来搭出形状,会更容易确认。先确认作为形状是否成立再加颜色,这个顺序很重要。
能否阅读,要在喜好之前确认
如果要在选定的颜色上放文字,就必须确认对比度。按照网页无障碍的标准,正文尺寸的文字与背景的对比度应在4.5:1以上,大号文字(约24px以上,粗体约19px以上)在3:1以上。
- 在黄色或亮绿色背景上放白色文字,几乎一定达不到标准。文字要用深色。
- 如果按钮背景色使用主角颜色,要先确定上面的文字用白色还是黑色能读清。
- 不要只靠颜色区分链接或错误提示。要加上下划线、图标或文字。颜色的看法因人而异,也请确认不只靠颜色传达的配色的思路。
- 在深色模式下,同样的颜色可能会过于突出。为深色背景准备一个稍微提高明度的版本会更安全。
不让选定的颜色“定了就不管”的运营方法
使用的人一多,颜色马上就会走样。每做一份资料就多出一种微妙不同的蓝色,这种情况并不少见。只要把以下三点记下来,就能在很大程度上防止。
| 要确定的事 | 写法示例 | 为什么需要 |
|---|---|---|
| 主角颜色的值 | #2F6BFF(用HEX固定为一个) | 防止相似的颜色越来越多 |
| 文字颜色和背景颜色 | 文字 #1A1A1A / 背景 #FFFFFF | 防止各份资料深浅不一 |
| 禁止事项 | 不在主角颜色上用白色文字,不改变颜色使用 | 成为犹豫时的判断标准 |
个人资料卡和图标等对外发布的图像也用同样的颜色制作,就更容易跨媒介被认作同一个品牌。反过来,如果每个社交平台的颜色都不同,别人可能直到最后都没意识到是同一个发布者。
常见问题
- 品牌色最多可以用几种颜色?
- 主角1色、文字颜色1色、背景1色、强调色1色,合计控制在4色以内是比较容易驾驭的范围。颜色越多,越难说明“使用这种颜色的理由”,各份资料和画面之间也会出现偏差。可以参考很多知名品牌实际上只靠一种颜色被认出这一点。
- 我想用蓝色,但竞争对手也是蓝色。应该避开吗?
- 不一定要避开。即使同为蓝色,只要大幅改变明度和饱和度,就会被看作不同的东西。藏青和明亮的水蓝给人的印象完全不同。不过,如果选择与竞争对手相近的蓝色,就需要在形状或字体上拉开差距。判断标准是并排时能否区分。
- 不给颜色赋予含义,不就没有选择的依据了吗?
- 含义事后补上也能成立。实际上,很多品牌是以“能被区分”为优先来决定颜色,之后再与理念联系起来说明。在需要依据的场合,准备与竞争对手的比较表,展示“这种颜色在同行业中没人使用”“文字能读清”“印刷后不会发暗”等验证结果,更有说服力。
- Logo的颜色可以中途更改吗?
- 可以更改,但重新被认知需要时间。如果要改,保留形状只更新颜色,或者在相近的色相内调整等,保留连续性的话影响会比较小。请先把图标、名片、资料模板等所有使用的地方都列出来,再进行切换。
本文介绍的工具
相关文章
配色方法|70:25:5法则、3种颜色的选法与不出错的配色技巧
做网站、幻灯片或传单时,很多人都会遇到“颜色太多显得杂乱”“总觉得很业余”“被说文字看不清”这样的烦恼。配色常被认为靠天赋,但实际上专业设计师也是按照固定的步骤和数值标准来选色的。本文以“底色·主色·强调色三种颜色”和“70:25:5的面积比例”来搭建配色为主线,并结合可直接使用、附有颜色代码的配色示例,整理了基于色相环的配色方案、色调(明度与饱和度)的统一方法、颜色给人的印象、用对比度以数值确认可读性的方法,以及对不同色觉的照顾。
阅读文章 →照顾色觉多样性的配色|不只靠颜色传达信息的资料制作方法
用红色表示“注意”、用绿色表示“正常”来区分的资料,在有些人看来可能是同一种颜色。色觉差异并不罕见,据说男性中约每20人就有1人。本文整理难以区分的颜色组合,以及加上颜色以外的线索、做出任何人都能读懂的资料和图表的方法。
阅读文章 →什么是互补色|色相环上的对比色关系与不出错的用法
互补色是“在色相环上正好相对的颜色”,但有的说法认为红色的对面是青色,也有的说是绿色。本文整理这两种说法为何不同、代表性的组合,以及在配色中使用时的面积比技巧。
阅读文章 →