跳到主要内容
QRCodeMax.Vip

二维码设计要点:好看,更要扫得出来

可扫描的二维码需要足够强的明暗对比、深色码点配浅色背景、清晰的静区和不变形的图案。了解设计规则、常见错误与印前检查清单,让二维码既好看又可靠。

作者:QRCodeMax.Vip 5 分钟阅读

一个二维码能不能被扫出来,取决于四件事:足够的明暗对比、深色码点配浅色背景、图案不变形、四周留有干净的空白。所有设计选择——配色、码点形状、Logo、摆放位置——都必须在这几条限制之内做文章。印刷或发布之前,用真手机扫一扫成品,绝大多数问题都能在早期发现并修正。

对比度要够,并且保持深色在上

手机摄像头"看"颜色的方式和你不一样。扫码器识别的是码点与背景之间的亮度差,起作用的是明度,而不是配色看起来多抢眼。白纸上的黑码是基准;深藏青、深绿或深棕色配白色或米色背景,效果同样可靠。

顺序和对比度同样重要。二维码的解码逻辑是"浅色背景上的深色图案"。一旦反色——浅色码点配深色底——很多扫码器会直接找不到码,因为图案不再符合解码器的预期。如果整体设计偏暗,就把码周围的海报区域压暗,而不是把码本身变浅:让它保持为浅色块上的深色图案。

彩色二维码原则上没问题。关键是用灰度模式检查这对配色:如果两种颜色变成相近的灰色,摄像头就无法区分它们。中间调的组合最容易出事,比如黑底红码、灰底青码。

留足静区

二维码四周的空白边距不是浪费。格式规范建议四周各留四个模块的静区——也就是四倍于一个小方格的宽度。扫码器靠这片空白判断图案从哪里开始、到哪里结束。

一旦图形、文字或彩色背景贴到码的边缘,扫码器就分不清哪里是码、哪里是设计,识别会变得不可靠。保持边距空白;如果码必须放在照片或花哨的底图上,就给它垫一块纯白或浅色的面板。

码点和定位眼样式要保证可读

三个角上的大方块是定位图案(俗称定位眼)。扫码器首先找它们,用来定位二维码并判断方向。可以给它们做风格化——圆角很常见,通常也安全——前提是每个定位眼依然完整实心、对比强烈、一眼能看出是角上的方块标记。

小码点同理。圆点和略微柔化的方块在大多数情况下都能正常扫。真正出问题的是抹掉信息的样式:码点缩成小点、间隙过大,星星或爱心形状,图片透过图案显示,或者定位眼被改得面目全非、不再像方块。

想在中间放 Logo,就把它做小、避开定位眼,并且生成时选用高容错等级,让扫码器能重建被遮挡的区域。要明白代价:加 Logo 总会增加部分扫码器识别失败的风险,所以要格外仔细地测试。

切勿拉伸、压扁或扭曲图案

二维码是正方形网格,每个码点的位置都有含义。把码横向拉宽去填横幅、竖向压扁塞进长条,或者为了"动感"做斜切,都会破坏解码器依赖的几何关系。保持二维码完全正方形、平整。

承印面也一样。绕在瓶身上或贴在弧形杯面的码,网格是弯的;有的扫码器能应付,很多不行。如果必须印在曲面上,先打样试扫再定稿。避免在图案上叠加重阴影、浮雕和 3D 特效,也绝不要把文字或图形压在码点上。

在二维码旁加一句行动引导

没人会去扫一个来路不明的码。在码旁边加一句普通文字——"扫码看菜单""扫码导航"——告诉人们扫了会发生什么,既能提高扫码率,也让人放心这个码指向的是正经内容。

文案放在码附近、静区之外,用普通易读的字体,一句话说清。"扫我"两个字什么也没说;一段长文又画蛇添足。一句清楚的话刚刚好。

数据越短,图案越简单

二维码的密度取决于编码的数据量。字符越多,码点越多、越小,留给容错和样式化的空间也越少。短链接生成的是粗壮醒目的图案,能在更远的距离被扫到,也更耐印刷瑕疵;带一长串追踪参数的 URL 生成的是密集网格,在小尺寸下很难扫。

动手设计之前,先看看要编码的内容。用能完成任务的最短链接——干净的域名加路径,而不是塞满参数的 URL。但也别删掉真正需要的信息:一个稍密但能正常追踪的码,胜过一个稀疏却丢了数据的码。经验法则是:如果码在目标尺寸下看起来已经很密,先缩短数据,再考虑缩小码。

定稿前先测试

设计改动出问题的方式,截图看不出来,所以要测实物。用 iPhone 和 Android 手机各自的系统相机分别打开这个码——别只依赖一台设备或一个 App。按真实用户站立的距离、在实际投放的光线条件下扫。

印刷品要打样测试。油墨可能洇进码点间隙,铜版纸可能反光,颜色可能偏移,屏幕上能扫的设计到了纸上未必行。免费工具让这件事很简单:生成二维码,然后用手机相机扫,或者用 QRCodeMax.Vip 上的扫码工具。

尺寸方面,一个常用的经验法则是:码的宽度至少取扫描距离的十分之一——1 米外要扫,码就做 10 厘米宽。拿不准时,往大了做。

常见错误与快速检查清单

同样的错误反复出现:

  • 反色,把码做成浅色码点配深色底
  • 选明度接近的配色,比如黑底红码
  • 让图形、文字或彩色边缘侵占静区
  • 为了塞进版面拉伸二维码,而不是保持正方形
  • 把码点或定位眼改到只剩装饰、不像二维码
  • 在正中间压一个过大的 Logo
  • 编码过长的 URL,生成密集图案,印刷尺寸下扫不出来
  • 不做测试就把码印在折痕、曲面或纹理材质上
  • 设计改过之后没人再扫过就直接发布

定稿前过一遍这份清单:

  • 深色码点配浅色背景,明暗对比足够强?
  • 四边静区干净无遮挡?
  • 图案完全正方形、无变形、贴在平面上?
  • 定位眼完整实心、对比强烈、清晰可辨?
  • 数据已经尽可能精简?
  • 码旁边有一句简短的行动引导?
  • 至少在两台不同手机上扫过成功?
  • 印刷打样在最终材质上测试过?

每一项都是"是",这个设计就可以放心交付。

要点回顾

二维码的每一个设计决定都是在和可扫描性做交易,而图案能容忍的余地有限。保持深色在上、高对比、不变形、四周留白,数据尽量精简,并写明扫码后会发生什么。然后用真手机和最终材质去测试——扫得出来,才是唯一算数的评审。

常见问题

二维码可以用任何颜色吗?
可以,只要码点比背景深,而且亮度差足够明显。用灰度模式检查配色,并在印刷前用真手机测试。
二维码必须是黑白的吗?
不必。只要对比度高、保持深色码点配浅色背景,彩色完全可行。反色的码——浅色配深底——在很多扫码器上会失败。
印刷二维码应该做多大?
常用经验法则是宽度至少取扫描距离的十分之一。大一点总更保险,尤其是码点密集的码。
可以在二维码中间放 Logo 吗?
可以,前提是 Logo 足够小、避开角上的定位眼,并且生成时选用高容错等级。加 Logo 总会带来一些风险,务必仔细测试。
为什么我设计好的二维码扫不出来?
常见原因是反色、对比度不足、缺少静区、图案被拉伸或弯曲、码点过度风格化。先解决这些问题,再重新测试。