← 所有文章

QR Code 設計與自訂技巧:讓你的 QR Code 更有品牌感

2026 年 3 月 · 閱讀時間約 6 分鐘

QR Code 不一定得是無趣的黑白方塊。透過自訂顏色、嵌入 Logo 和選擇合適的樣式,你可以打造出既美觀又能正常掃描的品牌化 QR Code。但設計時需要注意一些技術限制,確保 QR Code 仍然能被正確讀取。

自訂顏色

QR Code 的顏色可以自訂,但必須遵守一個基本原則:深色模組和淺色背景之間需要足夠的對比度

可以做的

不要做的

重點摘要:WCAG 建議的最低對比度為 4.5:1。在設計 QR Code 時,建議對比度至少達到 3:1 以確保良好的掃描性能。使用線上對比度檢查工具來驗證你的配色方案。

嵌入 Logo

在 QR Code 中央嵌入品牌 Logo 是最受歡迎的自訂方式。這之所以可行,得益於 QR Code 的錯誤修正機制

錯誤修正等級可容忍的損壞比例Logo 建議大小
L (7%)7%不建議嵌入 Logo
M (15%)15%面積不超過 10%
Q (25%)25%面積不超過 15-20%
H (30%)30%面積不超過 20-25%

嵌入 Logo 時,建議使用H 等級的錯誤修正,這樣即使 Logo 遮蓋了部分資料區域,QR Code 仍然能正確讀取。

尺寸與列印建議

最小尺寸規則

QR Code 的最小尺寸取決於兩個因素:模組數量和掃描距離。通用公式為:

最小尺寸 = 掃描距離 / 10

例如,預期掃描距離為 30 公分,QR Code 最小應為 3 公分。

靜默區(Quiet Zone)

QR Code 四周需要保留空白邊框,稱為靜默區。標準要求至少 4 個模組寬度 的空白。這個空白區域不能放置任何文字或圖案。

列印解析度

模組樣式

除了傳統的方形模組,現代 QR Code 設計也支援其他樣式:

但要注意:定位圖案和時序圖案不要修改,因為它們是掃描器定位的關鍵。

設計檢查清單

  1. 前景與背景的色彩對比度是否足夠?
  2. Logo 大小是否在安全範圍內?
  3. 是否使用了足夠高的錯誤修正等級?
  4. 靜默區(空白邊框)是否足夠?
  5. 在不同裝置上測試是否都能正確掃描?
  6. 列印品質是否清晰?
立即設計你的品牌 QR Code →

結語

品牌化的 QR Code 能讓你在保持功能性的同時展現品牌個性。記住:設計可以大膽,但務必在每次修改後進行掃描測試。美觀的 QR Code 如果掃不出來,就失去了它存在的意義。

參考文獻

  1. ISO/IEC. "ISO/IEC 18004:2015 — QR Code bar code symbology specification." International Organization for Standardization, 2015. https://www.iso.org/standard/62021.html
  2. Denso Wave. "QR Code Essentials." Denso Wave Incorporated, 2024. https://www.qrcode.com/en/about/
  3. W3C. "Web Content Accessibility Guidelines (WCAG) 2.1 — Contrast Requirements." W3C, 2018. https://www.w3.org/TR/WCAG21/#contrast-minimum
  4. Samretwit, D. & Wakahara, T. "Measurement of Reading Characteristics of Multiplexed Image in QR Code." Journal of Information Processing, vol. 22, no. 4, 2014, pp. 644-651.