颜色,是大多数品牌二维码最容易出问题的环节。设计师选好品牌配色,效果图看起来赏心悦目,但到了真实场景中扫描却屡屡失败——原因往往是对比度不足,或者颜色组合干扰了相机的边缘检测算法。本文将为你梳理具体的设计规则,让你的品牌二维码既好看又好扫。
颜色为何会让二维码失效
无论是专用扫码应用还是手机原生相机,二维码扫描器的工作原理都是识别深色模块(小方块)与浅色背景之间的高对比度边界。它寻找的并不是简单的"黑与白",而是可量化的亮度差异。
当亮度差低于可靠阈值时,会出现两个问题:
- 定位图案(三个大角方块)变得难以识别。
- 各个模块相互融合,导致解码错误。
结果就是扫描时好时坏:强光下能扫,室内扫不了;哑光包装扫不了,亮面屏幕却没问题。
核心规则:浅色背景配深色模块
二维码颜色设计中最重要的一条规则是:模块颜色必须始终深于背景色。如果反过来(浅色模块配深色背景),大多数手机相机和二维码应用都会完全失效,因为二维码标准本身就是基于"深色在浅色背景上"的假设构建的。
如果你的品牌主色调是深色背景,有两种解决方案:
- 在二维码外围设置白色或浅色"空白区"方框,四边至少延伸4个模块宽度。
- 用品牌色的浅色版本作为模块颜色,搭配白色背景,而不是整体反色处理。
切忌在深色背景上使用深色模块。 这是包装印刷中最常见的错误之一。
最低对比度要求
《Web内容无障碍指南》(WCAG)规定,可读文本的最低对比度为4.5:1。对于二维码而言,模块颜色与背景颜色之间的对比度至少达到4:1是可用的实际下限,越高越好。
你可以通过任意在线颜色对比度检测工具计算亮度对比度(大多数免费)。输入模块颜色和背景颜色的十六进制值,即可读取对比度比值。
常见品牌色快速参考
| 模块颜色 | 背景 | 近似对比度 | 可扫描性 |
|---|---|---|---|
| 黑色 (#000000) | 白色 (#FFFFFF) | 21:1 | 极佳 |
| 深海军蓝 (#0D1B2A) | 白色 | 约18:1 | 极佳 |
| 深绿色 (#1A5C2A) | 白色 | 约10:1 | 良好 |
| 中红色 (#C0392B) | 白色 | 约5:1 | 勉强可用 |
| 橙色 (#E67E22) | 白色 | 约3:1 | 经常失败 |
| 黄色 (#F1C40F) | 白色 | 约1.7:1 | 失败 |
| 白色 (#FFFFFF) | 黑色 (#000000) | 21:1 | 大多数相机失败 |
橙色和黄色这两行揭示了许多生活方式类和食品类品牌常踩的坑:暖色调、高饱和色看起来醒目大胆,但与白色背景的亮度对比度却很低。
品牌色对比度不足时的解决方案
你不必放弃整套品牌配色,以下是几种实用的应对方法。
加深模块颜色,而非改变品牌色
如果你的品牌橙色是 #E67E22,可以用加深后的版本,例如 #7D3E00(深棕橙色),在保留暖色调的同时,与白色背景的对比度达到约9:1。二维码既有品牌感,又不影响扫描。
将品牌色用于局部区域
只将品牌色应用于三个定位图案(角落方块),其余数据模块保持黑色。由于视线会自然被四角吸引,这样做既能留下强烈的品牌印象,又能保证数据区域的可靠性。
许多二维码生成工具支持独立设置定位图案颜色与模块颜色,善用这个功能。
用彩色背景代替彩色模块
用品牌蓝色的浅色调(例如15%的色调)作为背景,搭配标准黑色模块,既有品牌感,又能保持极佳的对比度。背景的浅色调让人一眼联想到品牌色,同时对比度依然足够高,不影响扫描。
渐变色与多色模块
渐变色是常见的设计需求,但风险在于:即使渐变的一端对比度足够,另一端可能已低于阈值。
如果你想使用渐变色,请注意:
- 用渐变最浅的部分(而非平均值)与背景进行对比度测试。
- 避免渐变经过暖色中间调(黄色、浅橙色),哪怕只是短暂过渡。
- 数据区域的渐变方向尽量选择水平或径向,避免垂直方向,以免某一行模块整体低于对比度阈值。
多色模块设计(整个二维码采用不同色相)风险更高,最好通过打样验证——务必扫描实物印刷品,而不仅仅依赖屏幕预览,因为印刷会造成色彩偏移。
材质与表面处理的影响
屏幕上计算出的颜色对比度,在印刷后可能表现不同。需要注意以下几点:
- 哑光覆膜相比亮光,会使视觉对比度降低约10–15%,因为它会散射光线。
- 牛皮纸或无涂层再生纸本身呈暖黄灰色调。设计空白区时,应以实际纸张颜色为基准重新计算对比度,而不是以纯白色为参照。
- 烫金或金属油墨具有反光性,会为相机形成一个动态变化的背景。请勿将其用于二维码模块,但用于周边装饰元素是可以的。
定稿前的测试流程
无论屏幕上的数据有多好看,实物测试不可省略:
- 按实际使用尺寸打印(不要为方便打样而放大)。
- 至少用三种设备扫描:一部低端安卓手机、一部较新的 iPhone,以及一款专用二维码扫描应用。
- 在实际使用的光线环境中测试——餐厅桌面上的二维码与户外直射阳光下的广告牌,光线条件截然不同。
- 如果二维码印在包装上,请在典型零售货架灯光下测试,那类灯光通常是冷色荧光灯或 LED,存在轻微色偏。
如果某台设备在实际环境中扫描失败,无论对比度检测工具给出多少,该配色方案都不可接受。
核心要点总结
- 模块颜色必须始终深于背景——反色二维码在大多数相机上会失败。
- 亮度对比度至少达到4:1;用对比度检测工具输入实际十六进制值进行测量。
- 暖色高亮色(橙色、黄色、浅红色)视觉上醒目,但与白色背景的对比度危险地低。
- 如果品牌色无法通过对比度检测,请加深模块颜色,而不是完全放弃品牌配色。
- 将品牌色应用于定位图案以增强视觉冲击力,数据模块保持深色以确保可靠扫描。
- 务必在实际光线环境中测试真实尺寸的实物打印品——屏幕预览无法暴露印刷和材质带来的对比度问题。
