二维码设计最佳实践:让个性化二维码每次都能扫出的 12 条规则
颜色、Logo、尺寸、静区、边框与测试:设计美观的品牌二维码,同时确保每部手机都能顺利扫描的实用规则。
发布于 阅读约需 5 分钟
带有品牌配色和 Logo 的二维码更吸引眼球——印刷营销从业者的调研也一再表明,经过设计、配有清晰行动号召的二维码,扫描次数明显多于普通的黑白方块。但每一个设计选择,都会影响二维码能否被识别。遵循以下 12 条规则,美观与可用就能两者兼得。
1. 保持足够的对比度
扫描器在解码前会先把二维码转换成黑白图像。如果前景色和背景色过于接近,模块就会糊成一片。目标是对比度至少达到 4:1——藏青、墨绿、酒红或炭灰色,搭配白色或极浅的底色,效果都很好。白底上的马卡龙色,或中间色调背景上的中灰色,则行不通。
我们的二维码生成器会在你设计时实时检查对比度,一旦过低就会发出提醒。
2. 深色码,浅色底
大多数扫描器都默认浅色背景上的深色模块。反色二维码(深色底上的浅色码)看起来很时尚,现代手机相机通常也能识别,但许多旧设备和专用扫码应用仍然读取不了。如果你的版面是深色的,请把二维码放在一张浅色“卡片”上,而不是将其反色。
3. 留足静区
二维码四周的空白边距——即静区——是标准的一部分。紧贴二维码的文字、边框或繁杂图片,都会让它更难被定位。请在每一边保留至少 4 个模块宽的边距;如果二维码位于纯色背景上,至少也要保留 2 个模块。加边框没有问题,只要边框和模块之间留有空隙即可。
4. 渐变要克制
渐变看起来很现代,但要确保两端的颜色都足够深,才能与背景形成对比。从藏青渐变到紫罗兰色没问题;从藏青渐变到浅蓝,浅色那一端就会无法识别。如果中心和外圈的颜色深浅相近,径向渐变最为稳妥。
5. 慎选码点形状
圆角点、圆点、菱形以及相互连接的“流体”风格,只要图案保持密集、规整,都能稳定扫描。极细的线条或极小的点会减少扫描器采样到的深色面积,因此只适合在对比度良好、打印尺寸足够的情况下使用。如果拿不准,就看看预览中的可扫描性提示。
6. 让定位图案清晰可辨
三个角上的“码眼”是扫描器找到二维码的关键。你可以把它们做成圆角、换个颜色,或改成叶子形状——这正是让二维码富有品牌感的要素之一——但要保持它们实心、接近方形,并与数据区明显分开。切勿用图标替换它们,也不要去掉内部的小方块。
7. 控制好 Logo 尺寸
中间放 Logo 之所以可行,要归功于纠错功能,它能重建缺失的数据。遵守以下两条规则,就能确保万无一失:
- 添加 Logo 时,将纠错等级设为 Q 或 H。
- 将 Logo 控制在二维码宽度的 20%–25% 左右,并给它加一个小小的白色背景或留白。
添加 Logo 后,生成器会自动切换到高纠错等级,并清除 Logo 下方的码点,避免 Logo 与图案重叠。
8. 精简内容
每多一个字符,图案就会更密集一分。一个 25 个字符的链接能生成简洁的版本 2 二维码;而一个 150 个字符、带追踪参数的网址,则会生成繁杂的版本 7 二维码,需要印得大得多。请使用简短、干净的网址——最好是你自己的域名加上简单的路径——并去掉不必要的追踪参数。
9. 印得足够大
经验法则:二维码的可扫描距离约为其宽度的十倍。名片上的二维码(2–3 厘米)在一臂距离内即可扫描;在 3 米外观看的海报,则需要约 30 厘米的二维码。尺寸切勿小于 2 × 2 厘米。你可以使用我们的二维码尺寸计算器,根据距离和内容获得精确的建议。
10. 选对文件格式
- SVG 适用于印刷、包装和设计软件——它是矢量格式,任意尺寸下都能保持清晰。
- PNG 适用于网站、演示文稿和文档——分辨率至少 1024 px。
- JPG 仅用于不需要透明背景的场合,而且切勿过度压缩。
避免使用截图和经过二次压缩的图片:模块边缘模糊是扫描失败的常见原因。
11. 加上边框和行动号召
光秃秃的二维码不会告诉人们扫了能得到什么。一句简短的标语,如“扫码看菜单”“连接我们的 Wi-Fi”或“扫码立享九折”,能让人心里有数,从而提升扫码量。带文字横幅或对话气泡的边框,能让二维码显得用心设计,在繁杂的版面中脱颖而出。文字要简短——四到八个字为宜。
12. 印刷前先测试
务必测试最终文件,而不只是预览:至少在两部不同的手机(iPhone 和安卓手机)上,用系统自带的相机应用,在真实的光线条件和实际距离下进行测试(面向国内用户时,也别忘了用微信“扫一扫”试一试)。确认链接能打开正确的页面,并且页面在手机上显示良好。然后先打印一份样稿,再进行批量印刷。
附加建议:建立信任
二维码钓鱼(quishing)让一些人对扫码心存戒备。下面几点可以帮助他们放心扫你的码:
- 使用你自己的、易于辨认的域名,而不是来路不明的短链接。
- 在二维码上或旁边放上你的品牌名称和 Logo。
- 切勿把二维码放在可能被误认为官方支付码或停车缴费码的位置。
快速检查清单
- 对比度不低于 4:1,深色码配浅色底
- 静区至少 4 个模块宽
- 定位图案清晰可辨
- Logo ≤ 25%,纠错等级为 Q 或 H
- 内容简短,打印尺寸合适
- 印刷用 SVG,屏幕用高分辨率 PNG
- 清晰的行动号召
- 已在多部手机上测试