普通的黑白方块二维码太丑,放进海报/名片里格格不入。你想:能不能加个 Logo、换个颜色、做得更有品牌感?
可以。下面讲清楚二维码「能改什么、不能改什么」,以及怎么一步步做出好看的二维码。
二维码能美化到什么程度
二维码靠三个定位角(Position Detection Patterns) 和容错机制 工作。只要不破坏这些,就能放心美化:
| 可改 | 不可改(会扫不出来) | |---|---| | 前景/背景颜色(保持高对比) | 三个定位角方块 | | 中心放 Logo(需留白+容错) | 定位角周围的静区(quiet zone) | | 圆角 / 圆点样式 | 编码数据模块本身被遮挡过多 | | 渐变(只要对比度够) | 颜色太浅导致扫描头识别不了 |
关键参数:容错级别(Error Correction Level)
| 级别 | 可遮挡比例 | 适用 | |---|---|---| | L | ~7% | 干净环境、屏幕显示 | | M | ~15% | 常规打印 | | Q | ~25% | 带 Logo | | H | ~30% | Logo 较大 / 户外 |
加 Logo 一定要选 Q 或 H,否则中心被遮住就扫不出了。
一步步设计好看的二维码
用本站 二维码生成工具(本地生成,不依赖图床):
- 打开 二维码生成器。
- 输入内容:网址、文本、WiFi、名片(vCard)等。
- 选 容错级别 H(为加 Logo 留余地)。
- 自定义:
- 前景色 / 背景色(保持对比度,如深蓝底白点);
- 圆角或圆点样式;
- 上传中心 Logo(建议透明 PNG,尺寸不超过整体的 20%)。
- 实时预览扫码效果,确认能扫出再导出 PNG/SVG。
设计原则(避免翻车)
- 对比度优先:浅色前景 + 浅色背景 = 必死。最低要求前景明显深于背景。
- 留静区:二维码四周至少留 4 个模块宽的空白,别贴边。
- Logo 别太大:不超过整体的 15–20%,且必须配高容错。
- 先扫后发:导出前用手机实扫一次,别等印完才发现扫不出。
- 渐变谨慎:纯色最稳;渐变只在对比度足够时尝试。
静态码 vs 动态码:商用前必须想清楚
自己生成的二维码是静态码——内容(网址)直接编码在图案里,扫码后跳转的目标永远不变。它免费、无限期有效,但有个致命限制:印出去之后改不了。网址换了域名、活动下线了,印刷品上的码就全废了。
商业物料常用的是动态码:图案里编码的是一个中间跳转地址,扫码后先到你的服务器,再 302 到真正的目标。好处是随时改指向、能统计扫码量,代价是要自建跳转服务。一个务实的建议:长期印刷品用自定义域名做跳转中转,二维码图案本身永远不变,变的是中转层指向——这是"静态码当动态码用"的行业标准做法。
扫码测试清单(发布前过一遍)
设计得再好看,扫不出来就是零。发布前按这张表实测:
| 测试项 | 通过标准 | |---|---| | iPhone 原生相机 | 秒识别,不依赖第三方 App | | Android 原生相机 | 同上 | | 微信"扫一扫" | 国内物料必须过这关 | | 距离 | 海报场景按实际观看距离测试(1m/3m) | | 光线 | 打印稿在暗光/反光角度下重试 | | 打印小样 | 屏幕显示 ≠ 打印效果,先打小样再批量 |
打印尺寸的经验值:最小边长 ≥ 扫描距离的 1/10。名片上的码 2cm 够用(10~20cm 距离),易拉宝上 1 米观看距离的码至少要 10cm。
常见应用场景
- WiFi 二维码:客人扫码直连,不用口述密码。内容格式
WIFI:T:WPA;S:名称;P:密码;;。 - 名片(vCard):扫码自动存联系人。
- 支付/关注:公众号、收款码。
- 活动物料:海报、易拉宝上的跳转入口。
- 产品包装:跳转说明书/注册页,注意包装底色复杂时给码加白色衬底。
常见问题
Q:为什么我的彩色二维码扫不出来? 99% 是对比度不够或遮挡了定位角。先换成高对比纯色,能扫了再逐步美化。
Q:加了 Logo 还能扫吗?
能,前提是容错选 Q/H 且 Logo 不过大(<20%)。务必实扫验证。
Q:SVG 和 PNG 选哪个? 印刷/放大用 SVG(矢量无损);网页/聊天发送用 PNG(兼容好)。
Q:二维码容量有限制吗? 有。版本 40-H 最多约 1700 个汉字或 7000+ 个数字。超长内容(如整篇文档)不适合塞进二维码,应改用短链接。而且内容越长、点阵越密,对打印精度和镜头要求越高——能用短网址就别塞长原文,这同时提升了扫码成功率。
Q:生成的二维码会过期吗? 静态码不会过期,图案在就在。会"失效"的是码背后的目标:链接失效、页面下线、WiFi 改密码。所以长期物料务必走中转域名,别把最终地址直接烧进印刷品。
小结
好看的二维码 = 高容错(H)+ 高对比配色 + 适度 Logo + 实扫验证。用本站的 二维码生成器 在本地完成设计,不依赖第三方图床,Logo 和样式都在你掌控中。做完记得扫一下再发布。