海报、传单、包装、HTML 邮件、演示文稿上的 QR。一切皆可 — 有三条规则。
快速回答
- Quiet zone:QR 周围 ≥ 4 模块的白色边距。
- 对比度:浅色背景上的深色模块。最少 3:1。
- 格式:缩放用 SVG,叠加用 透明 PNG。
- 绝不将 QR 放在混乱图案上。
Quiet zone — 不可侵犯的边界
ISO 标准要求 QR 周围有白色(或浅色)边距。4 模块 = QR 边的 ~10%。
没有 quiet zone,许多扫描器 根本不会检测代码。
对比度 — 铁规则
理想:白色背景上的黑色 QR。 可接受:对比度 ≥ 3:1 的浅色背景上的彩色 QR。 不:深色上的浅色 QR,低对比度。
按用途的格式
| 目的 | 格式 |
|---|---|
| 印刷 | SVG |
| 高质量印刷 | PNG 300+ DPI |
| 网络(HTML、邮件) | SVG |
| 带 QR 的背景 | 透明 PNG |
| 动画 GIF/视频 | 无背景 PNG,叠加 |
详情: PNG vs SVG.
海报上的 QR
最小 cm 尺寸 取决于扫描距离:
| 距离 | QR 尺寸 |
|---|---|
| 30 cm | 2 × 2 cm |
| 1 m | 4 × 4 cm |
| 3 m | 10 × 10 cm |
| 10 m | 30 × 30 cm |
规则:尺寸 = 距离 / 10。
详情: QR 最小尺寸.
产品包装上的 QR
- 哑光标签比光面好。
- ECL Q 或 H 抵抗损坏。
- 绝不在包装折痕处。
HTML 邮件中的 QR
嵌入为 PNG(不是 SVG — 一些客户端不显示)。与其他内容对齐。
照片中的 QR(例如带照片的广告海报)
三种技术:
- 白色面板 — 浅色方形叠加中的 QR。
- 区域模糊 — QR 下方照片模糊到低对比度。
- 负片 — 深色照片上的白色 QR(只在某些扫描器中工作 — 风险)。
设计师的常见错误
没有 quiet zone
"没有边距看起来更好"。扫描器停止看到 QR。
QR 作为背景
QR 几乎看不见的整个表面图案。不。
QR 上的文本或图形
仅居中 logo。绝不在代码内有其他内容。
QR 太小
低于最小值无法扫描。
颜色 + logo + 低纠正
从三方面压力 QR。最多选两个。
实时产品测试
以最终尺寸打印原型。使用 3 部手机,从 3 个距离,在 2 个照明条件下扫描。
Logo 详情: 带 logo 的 QR.
常见问题
照片上的透明 QR? 仅当模块下方的背景仍然足够浅时。
可以旋转 QR 吗? 是。扫描器由于三个眼睛在任何旋转中都能读取。
隐藏在图形中的 QR? 不推荐。扫描能力下降。
彩色 QR 有效吗? 是 — 保持 3:1 对比度。
切角或圆形 QR? 非标准。一些扫描器会拒绝。
总结
Quiet zone、对比度、格式 — 设计中 QR 的三大支柱。其余是美学。
免费创建设计精良的 QR: qrcito.com