二维码设计指南:颜色、Logo与留白怎么做才扫得出

更新于 2026年10月1日

好的二维码设计要做到四点:前景与背景对比强烈(浅色背景上的深色码),四周保留足够的空白“静区”,中间的 Logo 不超过容错能力所能弥补的范围,并且在印刷之前用多部手机实际测试。只要扫码设备能读懂每一个部分,样式可以自由发挥。

带品牌色和 Logo 的二维码确实比一块普通的黑白方块好看,但每一个设计上的改动,都可能削弱扫码设备需要的信息。本文讲清楚真正重要的几条规则,帮你做出既美观又能一次扫成功的二维码。

手机是怎么“看”二维码的

手机摄像头读二维码,和人看图片完全不同。它先寻找三个角上的大方块(定位图形),据此判断二维码的角度和大小,然后逐个检查每一个小方格(称为“模块”),判断它是深色还是浅色。

所以有三件事比什么都重要:

  • 深色模块与浅色模块之间的对比度
  • 三个角上清晰完整的定位图形
  • 二维码周围的空白区域,让扫码设备知道码从哪里开始、到哪里结束

凡是会模糊深浅差别、遮住部分图形、或者让边缘显得拥挤的设计,都会让扫码变慢,甚至扫不出来。

对比度、颜色与留白

如何选择颜色

大多数设计失败都出在颜色上。最稳妥的原则很简单:浅色背景上用深色前景。白底黑码效果最好,藏青、墨绿、深红或深棕配白色或米色背景,扫码效果也很好。

需要避免的情况:

  • 对比度低的配色,比如白底浅灰、白底黄色、马卡龙色配马卡龙色
  • 反色二维码(深色背景上的浅色模块)。很多新款手机相机能识别,但部分扫码 App 和老款手机识别不了,你会因此失去一部分用户
  • 渐变色,从深到浅贯穿整个码,导致部分模块颜色过浅
  • 花哨的照片背景,会干扰扫码设备的判断

一个快速检验方法:把设计稿转成灰度图。如果二维码依然是清晰的“浅底深码”,对比度基本没问题;如果变成了中灰配中灰,就换更深的颜色。

静区:给二维码留出呼吸空间

静区就是二维码四周的空白边距。二维码标准要求每一边留出相当于 4 个模块宽度的空白。实际中,很多二维码留得少一点也能扫,但在这里省空间风险很大。

如果二维码紧贴着照片、边框或文字,扫码设备就分不清它的边界。保持边距干净,颜色与浅色模块一致,就能避开最让人头疼的扫码问题之一。

加 Logo 又不把码弄坏

在二维码中间放 Logo 很常见,之所以可行,是因为二维码自带容错(纠错)功能。容错会额外加入冗余数据,即使码的一部分受损或被遮挡,也能被正确读取。容错共有四个等级,从 L(约可恢复 7% 的数据)到 H(约 30%)。详细内容可以看我们的二维码容错等级详解。

把 Logo 盖在二维码上,等于主动“损坏”了一部分码。请遵守以下规则:

  1. 加 Logo 时,选择较高的容错等级,例如 Q 或 H。
  2. Logo 要小,大约不超过二维码宽度的五分之一,并且远在所选等级可恢复的范围之内。
  3. 放在正中间,绝不要盖住三个角上的定位图形。
  4. 给 Logo 加纯色底或细白边,避免它和周围的模块混在一起。
  5. 每次调整 Logo 的大小或位置后,都要重新测试。

要记住,容错等级越高,二维码越密(模块更多、更小)。这也是为什么内容要尽量简短,比如用带短链接的活码,而不是直接编码一长串网址。

数据越短,码越清爽

二维码里存的数据越多,需要的模块就越多;在同样的印刷尺寸下,每个模块就越小。一条带着各种追踪参数的长网址,会生成一个很密的码,远距离或在印刷质量一般的材料上都很难扫。

两个简单的解决办法:

  • 使用短链接生成器或活码(动态二维码),码里只存一条短链接
  • 生成二维码之前,删掉网址里不必要的参数

活码还有一个好处:以后要更换跳转地址时,不用重新印刷你精心设计的物料。

形状、样式与边框

很多二维码生成器可以把模块做成圆角、改变定位图形的形状,或者加一个带行动号召的边框。这些都可以很好看,但有一定限度:

  • 圆角或圆点样式的模块,只要足够大、对比度足够,通常都能扫。圆点太小、间隙太大则可能失败。
  • 自定义的定位图形仍然要看起来是“方块套方块”的实心结构,不要做得太细或太花哨。
  • 边框和文字(例如“扫码看菜单”)很有用,但要放在静区之外。
  • 不要拉伸成长方形,也不要在没有测试的情况下把码弯曲贴在曲面上。变形会改变模块网格。

印刷前的设计检查清单

每一个新设计的二维码,都按这份清单检查一遍:

  1. 浅色背景上的深色模块,转成灰度后对比依然明显
  2. 四周保留约 4 个模块宽的静区,且完全空白
  3. Logo 小、居中,没有盖住角上的定位方块
  4. 加了 Logo 的话,已调高容错等级
  5. 数据尽量简短,最好使用短链接或活码
  6. 行动号召文字放在二维码之外
  7. 印刷尺寸与扫码距离相匹配(参见二维码尺寸指南)
  8. 至少用两三部不同的手机测试过,苹果和安卓都要有,在正常光线下扫
  9. 最终文件导出为清晰的格式(SVG 或高分辨率 PNG),而不是模糊的截图

FAQ

二维码可以用任何颜色吗?

可以,只要模块颜色明显比背景深。白色或米色背景配深色最保险。避免浅色背景配浅色码,反色设计也要谨慎。

二维码中间的 Logo 可以放多大?

大约不超过二维码宽度的五分之一,居中放置,容错等级设为 Q 或 H。加完 Logo 后一定要测试,因为每个码和 Logo 的情况都不一样。

为什么我美化后的二维码扫不出来?

常见原因有:对比度太低、缺少静区、Logo 太大,或者数据太多而印刷尺寸太小。一次只改一处,每改一次都测试一下。

美化设计会让二维码变得不安全吗?

设计本身不影响安全,关键是二维码指向哪里。一个带有清晰提示文字、指向可信地址的品牌二维码,反而能让人更放心地扫码。

做一个好看又好扫的二维码

好的二维码设计讲究平衡:一边是你的品牌,一边是扫码设备的需求。试试 QR-TH 的免费二维码生成器,添加颜色和 Logo、预览效果,并在送印之前用自己的手机扫一扫。

更多相关文章