QR Code 設計與自訂技巧:讓你的 QR Code 更有品牌感
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 個模組寬度 的空白。這個空白區域不能放置任何文字或圖案。
列印解析度
- 印刷品 — 建議 300 DPI 以上
- 螢幕顯示 — 72-96 DPI 即可
- 大型看板 — 150 DPI 配合較大尺寸
模組樣式
除了傳統的方形模組,現代 QR Code 設計也支援其他樣式:
- 圓角方塊 — 保持方形但加上圓角,更柔和
- 圓點 — 將方塊替換為圓點,更現代
- 菱形 — 使用菱形替代方塊
但要注意:定位圖案和時序圖案不要修改,因為它們是掃描器定位的關鍵。
設計檢查清單
- 前景與背景的色彩對比度是否足夠?
- Logo 大小是否在安全範圍內?
- 是否使用了足夠高的錯誤修正等級?
- 靜默區(空白邊框)是否足夠?
- 在不同裝置上測試是否都能正確掃描?
- 列印品質是否清晰?
結語
品牌化的 QR Code 能讓你在保持功能性的同時展現品牌個性。記住:設計可以大膽,但務必在每次修改後進行掃描測試。美觀的 QR Code 如果掃不出來,就失去了它存在的意義。
參考文獻
- ISO/IEC. "ISO/IEC 18004:2015 — QR Code bar code symbology specification." International Organization for Standardization, 2015. https://www.iso.org/standard/62021.html
- Denso Wave. "QR Code Essentials." Denso Wave Incorporated, 2024. https://www.qrcode.com/en/about/
- W3C. "Web Content Accessibility Guidelines (WCAG) 2.1 — Contrast Requirements." W3C, 2018. https://www.w3.org/TR/WCAG21/#contrast-minimum
- 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.