二维码的设计定制 - 保持扫描精度的技巧
二维码能定制到什么程度
二维码给人的印象是黑白方块排列的冰冷图案,但实际上可以相当自由地定制设计。越来越多的企业在进行颜色变更、Logo 嵌入、点阵形状变更、圆角化等,创建符合品牌形象的二维码。
但二维码终究是机器读取的数据。过于注重外观可能导致扫描失败。理解设计自由度与扫描精度之间的平衡,是定制的第一步。
颜色定制与对比度基础
更改二维码颜色时最重要的是对比度。扫描器通过明暗差来判断单元格的黑白,因此前景色(点阵)与背景色的亮度差不足就会导致扫描失败。
具体来说,请遵守以下规则。
- 前景色比背景色深:白色背景配深色点阵是基本。将背景变暗、点阵变亮的「反转」在很多扫描器上无法读取。
- 确保对比度 4:1 以上:与 WCAG 文本对比度标准一样,确保足够的亮度差。
- 谨慎使用渐变:对所有点阵施加渐变时,部分单元格可能对比度不足。使用渐变时请确认最浅部分也满足对比度要求。
- 背景用纯色最安全:在照片或插图上叠加二维码,背景色会干扰单元格判定。推荐白色或浅色纯色背景。
Logo 嵌入与纠错级别
在二维码中央放置品牌 Logo 的设计很受欢迎,但 Logo 占据的面积会使相应的数据单元格无法读取。纠错功能可以弥补这一损失。
二维码有 L(7%)、M(15%)、Q(25%)、H(30%)4 个纠错级别,嵌入 Logo 时必须选择 H 级别。H 级别即使二维码整体约 30% 缺损也能恢复,因此有空间在中央放置 Logo。
Logo 嵌入时的注意事项。
- Logo 尺寸控制在整体的 20% 以内:即使纠错级别 H,上限也是 30%。考虑安全余量,以 20% 以内为标准。
- Logo 放在中央:二维码四角有定位图案和校正图案,遮挡这些会导致无法读取。
- Logo 周围用白色包围:Logo 与点阵的边界模糊时扫描器会误判。请在 Logo 周围留出白色空白。
- 务必在多台设备上测试:在 iPhone、Android、专用读取器等不同设备上确认读取。
点阵形状与圆角定制
标准二维码的单元格是正方形,但也可以将点阵形状改为圆形或圆角。想要给人柔和印象时很有效,但有一些限制。
- 保持定位图案的形状:三个角的大正方形是扫描器检测二维码的起点。大幅变形会导致检测失败。外框的轻微圆角没问题,但避免大幅改变形状。
- 保持点阵间距:改为圆形点阵后相邻单元格之间会产生间隙。间隙过大扫描器无法识别单元格,请将点阵尺寸保持在单元格区域的 80% 以上。
- 数据区域的点阵相对自由:定位图案和定时图案以外的数据区域,对点阵形状变更的耐受性较高。
点阵形状定制对视觉差异化很有效,但变更后务必进行扫描测试。
保持扫描精度的检查清单
在发布定制设计的二维码之前,请用以下检查清单确认扫描精度。
- 是否确保了静区(留白):二维码周围需要至少 4 个单元格宽度的白色留白(静区)。没有这个留白,扫描器无法正确检测二维码的边界。
- 是否满足最小印刷尺寸:名片至少 2cm 见方以上,海报约为预期扫描距离的 1/10。
- 是否在 3 台以上设备上测试过:在 iPhone 标准相机、Android 相机应用、专用二维码读取器等不同环境下确认读取。
- 印刷品是否在实际材质上测试过:光面纸可能因反射而难以扫描。请在实际使用的材质上印刷并测试。
- 在暗处也能扫描吗:考虑到光线不足的场所,对比度要留有余量。
Related: See also our guide on QR code size guide.
设计二维码的应用案例
以下介绍定制设计的二维码在实际中的代表性应用案例。
- 餐厅菜单:用店铺品牌色为点阵着色,中央放置 Logo。印刷在桌上立牌上,引导至数字菜单。
- 活动门票:在门票上印刷与活动主题色匹配的二维码。为确保入场闸机的读取不受影响,采用纠错级别 H。
- 产品包装:将点阵改为圆形并统一为品牌色,融入包装设计。作为产品信息页面的链接。
- 名片:将个人图标或首字母缩写作为 Logo 嵌入,存储 vCard 信息。收到名片的人只需扫描即可保存联系方式。
所有案例中,在追求设计性的同时不牺牲扫描精度的平衡至关重要。定制后务必进行实机测试,确认能可靠扫描后再投入使用。