二维码设计最佳实践
二维码早就不只是黑白方块。现在的二维码生成工具支持颜色、外框、Logo 和模块样式定制，但无论外观多好看，可扫描性始终是第一优先级。
核心原则：先保证能扫，再谈设计
设计二维码时，最重要的一条规则就是：
如果它不能稳定被扫出来，那它就是失败的设计。
在正式使用前，至少要用多台手机、不同距离和不同光线进行测试。
配色建议
对比度最重要
二维码识别效果最受影响的因素之一，就是前景色和背景色的亮度差。
推荐原则：
- 深色前景 + 浅色背景
- 避免相近颜色搭配
- 如果做品牌配色，优先选择品牌中最深的颜色作为二维码主体
推荐搭配
| 前景色 | 背景色 | 结果 |
|---|---|---|
| 黑色 | 白色 | 最稳定 |
| 深蓝 | 白色 | 专业、清晰 |
| 深绿 | 白色 | 自然、易扫 |
| 深红 | 白色 | 醒目、可靠 |
尽量避免
- 黄色配白色
- 浅蓝配白色
- 红绿组合
- 低对比渐变前景
- 过于荧光或发光的颜色
在二维码中加入 Logo
二维码能容忍一定遮挡，是因为它带有纠错机制。把 Logo 放在中心区域是一种常见设计方式，但一定要控制占比。
Logo 使用规则
- 尽量放在中心位置
- 建议使用 H 级纠错
- Logo 面积最好不要超过二维码总面积的 20% 到 25%
- Logo 外围最好留一圈白边
- 使用简化版 Logo，避免细节过多
Logo 尺寸参考
| 二维码尺寸 | 安全 Logo 尺寸 |
|---|---|
| 2 cm × 2 cm | 约 5 mm × 5 mm |
| 4 cm × 4 cm | 约 10 mm × 10 mm |
| 8 cm × 8 cm | 约 20 mm × 20 mm |
模块样式怎么选？
现在很多工具支持把二维码的小方块改成圆点、圆角、菱形等样式。这些设计可以提升视觉辨识度，但不要过度。
常见样式
- 方形：兼容性最好
- 圆角：更柔和现代
- 圆点：视觉轻巧，但要测试
- 菱形：有特色，但更依赖充分对比度
实用建议
- 三个角上的定位图案要保持清晰
- 形状越复杂，越需要充分测试
- 小尺寸打印时，简单样式更稳妥
外框与 CTA 文案
给二维码加一句清晰的行动文案，通常能明显提高扫码率。
常见 CTA 示例
- 扫码查看菜单
- 扫码连接 WiFi
- 扫码领取优惠
- 扫码保存联系人
- 扫码了解更多
设计建议
- 文案尽量短、直接
- 放在二维码上方或下方，不要压在码面上
- 外框不能侵占静区
背景使用建议
纯色背景 vs 透明背景
- 纯白背景：最安全
- 浅色纯色背景：可用，但要保证足够对比
- 透明背景：适合叠加到设计稿中，但要确认底图不会影响识别
放到图片背景上时
- 二维码下方最好垫一块浅色纯底
- 忙碌背景建议加白色卡片底
- 不要直接压在复杂照片或纹理上
印刷与数字展示的差异
用于印刷
- 优先导出 SVG
- 位图输出尽量保证 300 DPI 或更高
- 不建议使用 JPEG
- 正式印刷前先打样测试
用于屏幕展示
- 建议使用较高清晰度 PNG
- 深色页面上尽量给二维码加白底卡片
- 屏幕展示至少保证足够像素尺寸
真实场景设计示例
餐厅菜单二维码
- 深色主体 + 白底
- 下方加“扫码查看菜单”
- 放在桌牌上，尺寸不要太小
名片二维码
- 与品牌色统一
- 小尺寸时尽量不加 Logo
- 保持足够留白
海报二维码
- 要比名片场景更大
- 可加入 CTA 外框
- 适合搭配活动主视觉使用
上线前检查清单
- 用 iPhone 实测
- 用 Android 实测
- 测试强光环境
- 测试较暗环境
- 测试实际扫码距离
- 测试印刷或真实展示尺寸
- 验证打开的内容是否正确
创建品牌化二维码
想做出既符合品牌风格、又能稳定扫码的二维码，可以直接使用 QRCode0。你可以自由调整颜色、Logo、样式和导出格式，同时保持可靠的扫描体验。