QR Code 設計最佳實務：12 條規則，打造每次都掃得到的自訂 QR Code

帶有品牌配色與 Logo 的 QR Code 更吸睛——而且印刷行銷業者的研究一再顯示，經過設計並附上明確行動呼籲的 QR Code，掃描次數比單調的黑色方塊更多。不過，每個設計決定也都會影響 QR Code 能否被讀取。遵循以下十二條規則，就能兩者兼得。

1. 保持強烈對比

掃描器在解碼前，會先把 QR Code 轉成黑白。如果前景與背景太過相近，模組就會糊成一片。請以至少 4:1 的對比度為目標——深海軍藍、深綠、酒紅或炭灰色，搭配白色或非常淺的底色，效果都很好。白底上的粉彩色，或中灰色搭配中間色調的背景，則行不通。

我們的 QR Code 產生器會在你設計時檢查對比度，並在對比過低時發出警告。

2. 深色碼、淺色底

多數掃描器預期的是淺色背景上的深色模組。反色 QR Code（深底淺碼）看起來很有型，新款手機相機通常也讀得到，但許多舊裝置與專用掃描 App 仍然無法辨識。如果你的版面是深色的，請將 QR Code 放在一張淺色「卡片」上，而不是把它反色。

3. 保留留白區

QR Code 周圍的空白邊界——也就是留白區（quiet zone）——是標準規格的一部分。文字、邊框或雜亂的圖片緊貼著 QR Code，會讓掃描器更難定位。請在每一側保留至少四個模組寬的邊界；如果 QR Code 放在素色背景上，至少也要保留兩個模組。加上外框沒有問題，只要外框與模組之間留有足夠的空白即可。

4. 漸層要適可而止

漸層看起來很有現代感，但請確保兩端的顏色都夠深，才能與背景形成對比。從海軍藍漸變到紫羅蘭色沒問題；從海軍藍淡出到淺藍色，淺色那一端就會無法讀取。若使用放射狀漸層，中心與外圍深淺相近時最為保險。

5. 慎選點的形狀

圓角點、圓點、菱形以及彼此相連的「流體」風格，只要圖案保持密集且規律，都能穩定掃描。非常細的線條或極小的點會減少掃描器取樣的深色面積，因此只適合在對比良好、列印尺寸足夠時使用。如果不確定，請查看預覽中的可掃描性指示。

6. 讓定位圖案清楚可辨

角落的三個「眼睛」是掃描器找到 QR Code 的關鍵。你可以把它們改成圓角、換個顏色或做成葉子形狀——這正是讓 QR Code 呈現品牌感的要素之一——但請讓它們保持實心、近似方形，並與資料區明確分隔。絕對不要用圖示取代它們，也不要移除內部的方塊。

7. 正確設定 Logo 大小

中央的 Logo 之所以可行，是因為容錯機制能重建遺失的資料。遵守以下兩條規則就能確保安全：

• 加入 Logo 時，將容錯等級設為 Q 或 H。
• 讓 Logo 維持在約 QR Code 寬度的 20–25%，並為它加上一小塊白色背景或內距。

當你加入 Logo 時，產生器會自動切換為高容錯等級，並清除 Logo 後方的點，讓 Logo 不會與圖案重疊。

8. 縮短內容

每多一個字元，圖案就會更密集。25 個字元的連結會產生乾淨的版本 2 QR Code；150 個字元的追蹤網址則會產生密密麻麻的版本 7 QR Code，必須印得大很多。請使用簡短、乾淨的網址——最好是你自己的網域加上簡單的路徑——並移除不必要的追蹤參數。

9. 印得夠大

經驗法則：QR Code 大約可在其寬度十倍的距離內被掃描。名片上的 QR Code（2–3 公分）伸手可及的距離就能掃描；從 3 公尺外觀看的海報，則需要約 30 公分大的 QR Code。尺寸絕對不要小於 2 × 2 公分（0.8 吋）。如需依距離與內容取得精確建議，請使用我們的 QR Code 尺寸計算器。

10. 使用正確的檔案格式

• SVG：適用於印刷、包裝與設計軟體——它是向量格式，任何尺寸都能保持銳利。
• PNG：適用於網站、簡報與文件——請使用至少 1024 px 的尺寸。
• JPG：僅在不需要透明背景時使用，而且絕對不要過度壓縮。

避免使用截圖和重複壓縮過的圖片：模組邊緣模糊是掃描失敗的常見原因。

11. 加上外框與行動呼籲

光禿禿的 QR Code 無法告訴大家掃了會得到什麼。像是「掃描看菜單」、「連上我們的 Wi-Fi」或「現享 9 折優惠」這類簡短標語，能讓人預先知道內容，並提升掃描次數。附有文字橫幅或對話框的外框，能讓 QR Code 看起來是刻意設計的，並在雜亂的版面中脫穎而出。文字請盡量簡短，以四到八個字為宜。

12. 印刷前先測試

務必測試最終檔案——而不只是預覽畫面——並在至少兩支不同的手機上（iPhone 與 Android）使用內建相機 App，在實際的光線條件與真實距離下進行測試。確認連結能開啟正確的頁面，而且該頁面在手機上也能正常瀏覽。接著先印一份樣張確認，再進行正式印刷。

加碼：建立信任感

QR Code 網路釣魚（quishing）讓部分民眾對掃描心存戒心。以下做法能幫助他們信任你的 QR Code：

• 使用你自己容易辨識的網域，而不是匿名的短網址。
• 在 QR Code 上或旁邊放上你的品牌與 Logo。
• 絕對不要把 QR Code 放在可能與官方付款或停車 QR Code 混淆的位置。

快速檢查清單

• 對比度 4:1 以上，深色碼、淺色底
• 至少四個模組寬的留白區
• 清楚可辨的定位圖案
• Logo ≤ 25%，容錯等級 Q 或 H
• 內容簡短，列印尺寸適當
• 印刷用 SVG，螢幕用高解析度 PNG
• 明確的行動呼籲
• 已在多支手機上測試

立即使用免費 QR Code 產生器實踐這些規則——或使用批次 QR Code 產生器一次建立大量風格一致的 QR Code。