跳至主要內容

指南

怎樣幫 QR 碼加標誌又不影響掃描

標誌讓 QR 碼更容易被認出來,但它同時拿走了矩陣的一部分。可靠的設計取決於你手上還剩多少糾錯餘裕、對比度夠不夠強,以及有沒有測試最終的實體載體。

標誌為什麼能蓋在 QR 碼上

幫 QR 碼加標誌,本質上就是蓋住一部分資料。它照樣能用,而搞懂為什麼能用,正是「加了品牌還掃得出來的碼」和「看起來不錯卻在客戶手機上失敗的碼」之間的分水嶺。

QR 碼本身帶有冗餘資料。標準內建了糾錯機制,讓碼在一部分被弄髒、撕破、壓皺或遮住時仍然可讀——這個格式是為工廠地板設計的,不是為設計作品集設計的。標誌不過是有意地花掉了這份餘裕的一部分。

所以問題從來不是「我能不能加標誌」,而是「我花掉了餘裕的多少,花在了什麼上」。

四個糾錯等級,以及它們各自的代價

每張 QR 碼都在四個糾錯等級之一上產生,分別能還原大約 7%、15%、25% 和 30% 的碼面。

直覺上的做法是直接選最高的,然後不用再操心。沒這麼簡單,因為冗餘得存在某個地方:等級越高資料越多,資料越多模組越多,而同樣的印刷尺寸下模組越多,每個模組的實體尺寸就越小。過了某個點,你就把一張耐用的碼換成了一張相機根本分辨不出來的密集圖形。

對大多數加了品牌的碼來說,實用的答案是中間等級配一個不張揚的標誌,而且測試過。只有當這張碼要待在真正惡劣的環境裡時才去搆最高等級——彎曲的瓶身、織物表面、運送中會被磨花的包裝——同時接受它所需要的更大印刷尺寸。

標誌實際能蓋住多少

要待在你所選等級的深處,而不是它的邊緣上。如果這個等級能還原約 30%,那麼一個佔到接近 30% 的標誌就給現實世界什麼都沒留下——而這份餘裕的全部意義恰恰就是應付現實世界。

失效也不是漸進的,這正是坑人的地方。碼不會隨著標誌變大而慢慢變難讀;它先是穩定可讀,然後在有些手機上能掃有些不能,然後就徹底不行了。中間那個階段最危險,因為它能通過大多數人唯一會做的那次測試。

起步時做得比你想要的小一點,測試,測試乾淨了再放大。

標誌絕對不能放的位置

圖形裡有些部分屬於結構而不是資料,糾錯保護不了它們。

三個角上的大方塊是定位圖案——掃描裝置靠它找到碼並判斷方向。較大的碼上第四個角附近那個小方塊是校正圖案,用來修正斜著拍攝造成的變形。定位圖案之間那些點線是時序圖案,用來確定模組網格。

蓋住其中任何一個,再多糾錯都救不了,因為掃描裝置根本走不到用得上糾錯的那一步。標誌保持置中,遠離四角,而且絕對不要為了塞進版面而裁切 QR 碼。

哪些品牌色可行,哪些不行

顏色是品牌規範和可掃描性吵得最兇的地方,而真正要緊的規則只有幾條。

掃描裝置讀的是模組和背景之間的對比,所以對比必須夠強——而且要在常規方向上,淺底深碼。反色的碼,也就是深底淺碼,很多掃描裝置能讀但不是全部,這就讓它在你收不回來的印刷品上成了一場賭博。

中間調的品牌色是慣常的犧牲品。在背光螢幕上看起來篤定很深的顏色,印到非塗佈紙上可能離背景近得多。模組上的漸層和它們背後的照片底圖會以更難預測的方式造成同樣的問題。

一個不需要任何工具的實用檢查:把印刷原稿轉成灰階看一眼。如果圖形仍然明顯是淺底深碼,對比度就是真的。如果糊成一團,掃描也會糊。

保住靜區

標準要求四周各留出四個模組寬的空白邊。它不是留白,也不是設計師的建議——掃描裝置正是靠它確定碼在哪裡結束。

它也是 QR 碼中最常被毀掉的部分,恰恰因為它看起來像一塊版面可以拿去用的空地。文字緊貼邊緣、碼周圍畫一圈邊框、背景圖從底下穿過、碼被裁得與版面邊緣齊平——這些都會把它去掉。

地方不夠就把碼做小,把邊留住。靜區完整的小碼能掃;沒有靜區的大碼可能不行。

按用途匯出正確的檔案

凡是要印刷的都用向量格式——SVG 或 PDF。向量原稿在任何尺寸下都能把模組邊緣保持得絕對銳利,而相機需要的正是銳利的邊緣。

螢幕、郵件以及需要點陣圖的文件用 PNG,而且要匯得比你以為需要的更大。從小尺寸 PNG *放大* 出來的 QR 碼會產生柔軟模糊的模組邊界,而模糊的邊界會被讀成有歧義的資料。

絕對不要從截圖裡取碼,也不要讓它在送到印刷廠的路上經過一次有損重壓縮。高對比邊緣周圍的 JPEG 雜訊,正是最不該出現的那種噪聲。

認真測一遍,只要五分鐘

能在設計軟體裡掃出來的碼,是在理想條件下測過的:完美對焦、完美光線、背光螢幕、一台裝置。這些都不是它將要被使用的地方。

  • 按最終實際尺寸、在真實材料上打樣——塗佈紙和非塗佈紙表現不一樣。
  • 至少用一台 iPhone 和一台 Android 掃,最好再加一台相機較弱的舊手機。
  • 在它將要待的真實光線下測試,包括人造光;戶外的還要在強烈日照下測。
  • 按真人會站的距離掃,而不是貼到十公分。
  • 稍微斜著試一下,人們實際拿手機就是這樣的。
  • 如果它要貼在彎曲或柔軟的東西上,就在彎曲狀態下測,而不是攤平了測。

反覆出現的那幾種失敗

幾乎每一張在生產環節失敗的品牌碼,背後都是同樣那幾個原因:標誌在設計審查時變大了而沒人重測;靜區在最終版面裡被裁掉了;一個在螢幕上讀作深色的品牌色印成了中灰;碼從小 PNG 放大而丟了邊緣;或者只在設計師的手機上測過,而那台手機相機很好、還早就知道那個網址。

這些全都能靠打一張樣、遞給另一個人來抓出來。

關於作者

Andrii Petlovanyi

負責 Mosaqo 的網頁端、iOS 與 Android 開發。

FAQ

常見問題

QR 碼上的標誌能做多大?

要比糾錯等級技術上允許的更小。各等級按設定能還原碼面的約 7% 到 30%,而標誌花的正是這份餘裕——把它填滿就等於給印刷瑕疵、髒污和差相機什麼都沒留。先用一個不張揚的標誌,在打樣上測試,只有測試乾淨了才放大。

QR 碼裡能用我的品牌色嗎?

只要對比度撐得住,通常可以。保持淺底深碼而不要反色,圖形背後避免漸層和照片底圖,並且警惕那些在螢幕上看起來深、印出來淺得多的中間調品牌色。把原稿轉成灰階是個快速檢查:如果圖形仍然清楚地是淺底深碼,對比度就是真的。

為什麼我的 QR 碼在我手機上能掃,在別人手機上不行?

這是碼正卡在可讀邊緣上的典型症狀。你的手機相機好、光線有利,而且往往已經快取了結果。臨界的碼在強感光元件上能讀,在弱的上就失敗。把它當成故障而不是怪癖:縮小標誌、提高對比度、恢復靜區,或者印得更大。

QR 碼該匯出成 PNG 還是 SVG?

凡是印刷的都用 SVG 或 PDF,因為向量原稿在任何尺寸下都能保持模組邊緣銳利。PNG 適合螢幕和文件,但要匯得足夠大——把小 PNG 放大會讓模組邊界變糊,而糊掉的邊界會被讀成有歧義的資料。絕對不要用截圖。

加標誌需要提高糾錯等級嗎?

它需要的是足夠的餘裕,這通常意味著不能用最低等級——但最高等級也並非自動就對,因為糾錯越多模組越多,同樣印刷尺寸下碼就越密。中間等級配一個不張揚的標誌,並在打樣上驗證過,是可靠的預設做法;最高等級留給真正惡劣的表面。

下一步

準備好建立第一個 QR Code 了嗎?

建立 QR Code,並在印刷前完成測試

Mosaqo 首個版本完全免費,不需要支付卡。

免費開始