二维码的设计定制 - 保住扫描成功率的诀窍

二维码能定制到什么程度

二维码给人的印象是黑白方点排成一片、毫无生气，其实它的外观可以相当自由地定制。改变颜色、在中央嵌入标志、把方点换成别的形状、把边角磨圆，越来越多的企业都在制作符合自家品牌形象的二维码。

不过，二维码归根结底是给机器读取的数据。过度偏向外观，就会出现扫不出来的风险。理解设计自由度与扫描成功率之间的平衡，是定制工作的第一步。

颜色定制与对比度的基本原则

改变二维码颜色时，最关键的指标是对比度。扫描端靠明暗差判断每个模块是黑还是白，前景色（模块）与背景色的明度差不够，就会扫描失败。

具体来说，请守住下面这几条规则。

• 前景色要比背景色更暗：白底加深色模块是基本形。把背景做暗、把模块做亮的「反色」写法，在很多扫描端都读不出来。
• 确保对比度在 4:1 以上：模块与背景之间 4:1 是实务下限。印刷密度下降、逆光或低分辨率叠加时，请留到 7:1 以上的余量。WCAG 的文字对比度数值（4.5:1）面向阅读文字的人，与解码器的阈值判断属于不同领域的另一套基准。
• 渐变要谨慎使用：给整片模块加渐变，可能导致某些模块的对比度不足。使用渐变时，请确认颜色最浅的部分也仍然满足对比度要求。
• 背景用纯色更安全：把二维码叠在照片或插画上面，背景的颜色会干扰模块判断。建议使用白色或浅色的纯色背景。

嵌入标志与纠错等级

把品牌标志放在二维码正中央的设计很受欢迎，但标志占掉的面积，对应的数据模块也就读不到了。弥补这一点的，正是纠错功能。

二维码有 L（7%）、M（15%）、Q（25%）、H（30%）四个纠错等级，要嵌入标志，选择等级 H 是铁则。等级 H 下，即使数据（码字）缺损约 30% 也能复原，这样才腾出了在中央放标志的余地。

下面把嵌标志时的注意点整理出来。

• 标志面积控制在整体的 20% 左右：等级 H 的 30% 是相对数据（码字）而言的上限，并不表示可以遮住 30% 的面积。考虑到安全余量，请以 20% 左右为标准，以纠错等级 H 为前提时上限的经验值约为 25%。
• 标志放在正中央：二维码的四角分布着定位图案和校正图案，一旦把它们遮住，就会彻底扫不出来。
• 用白色包住标志的四周：标志与模块的边界含糊不清，扫描端就会判断错误。请在标志周围留出一圈白色空白。
• 务必用多个扫描端测试：iPhone、Android、专用扫描设备等，要在不同设备上逐一确认能否读出。

模块形状与圆角的定制

标准二维码的模块是正方形，但把方点改成圆形或圆角方形同样可行。想传达柔和印象时效果不错，只是也有几条限制。

• 定位图案的形状必须保持原样：三个角上的大方块是扫描端发现二维码的起点。把这里大幅变形，连检测这一步都会失败。仅把外框磨成圆角还没问题，但要避免把形状破坏得太厉害。
• 保住模块之间的间距：换成圆点后，相邻模块之间会出现缝隙。缝隙过大，扫描端就无法识别模块，因此圆点的尺寸要维持在模块区域的 80% 以上。
• 数据区的模块比较自由：除定位图案和定时图案以外的数据区，对模块形状的改动耐受度相对较高。

模块形状的定制对于做出外观差异很有效，但改完之后一定要做扫描测试。

保住扫描成功率的自查清单

把定制过设计的二维码正式发布之前，请用下面这份清单确认扫描成功率。

• 是否留出了静区（空白边距）：二维码四周需要至少 4 个模块宽的白色静区。缺了这圈空白，扫描端就无法正确检测二维码的边界。
• 是否满足最小印刷尺寸：名片上以 2cm 见方以上为标准，海报则以扫描距离的十分之一左右为标准。
• 是否用 3 台以上设备测试过：iPhone 自带相机、Android 的相机应用、专用扫描器等，要在不同环境下确认能否读出。
• 印刷品是否用实际材质测试过：光面纸有时会因反光而难以扫描。请在真正要用的材质上印出来做测试。
• 在暗处能否扫出来：把照明不足的场所也纳入设想，对比度要留出富余。

相关文章：二维码尺寸指南也请一并参考。

设计二维码的实际应用案例

下面介绍几个有代表性的案例，看看定制过设计的二维码在现实中是怎么用的。

• 餐饮店的菜单：用门店的品牌色给模块上色，把标志放在中央，印在摆放于桌面的立牌上，把客人引导到电子菜单。
• 活动门票：把配合活动主题色的二维码印在票面上。为了不影响入场闸口的扫描，采用了纠错等级 H。
• 商品包装：为了融入包装设计，把模块改成圆形并统一为品牌色，作为通往商品信息页面的链接使用。
• 名片：把个人头像或姓名首字母作为标志嵌入，里面存放 vCard 信息。对方只要扫一下，就能把联系方式存进通讯录。

无论哪一个案例，关键都在于追求美观的同时不牺牲扫描成功率这一平衡。定制完成后务必用真机测试，确认能够稳定扫出之后再投入使用。

设计与功能之间的平衡，只有靠真机测试才能验证。