一句話說
把大家會在多遠的地方掃的距離除以十:從 30 公分外掃的碼,寬度大約要 3 公分;從 2 公尺外掃的,大約要 20 公分。接著加上一圈寬度等於碼本身四個小方塊的白色留白,讓圖樣比背景深,然後在整批印之前,從那個距離掃一下印出來的樣張。
規則:距離除以十
手機相機需要讓碼裡最小的方塊落在足夠多的像素上,才分辨得出來。這件事的實務規則,也是下面每一個數字的來源,就是印出來的圖樣寬度大約要是掃描距離的十分之一。這是經驗法則,不是標準:新一點的手機在光線好的地方可以更小,而昏暗酒館裡一支鏡頭有刮痕的手機就不行。寧可往上取,不要往下取。
重要的數字是印出來的圖樣寬度,從方塊的一邊量到另一邊,不是貼紙或它所在的那個框的尺寸。量的是圖樣。
每一種用途的尺寸
這是我們自己按上面的規則算出來的數字。這些距離是大家實際上把手機拿在多遠的地方,而牆上的東西,答案都比你猜的更遠。
| 放在哪裡 | 從多遠掃 | 圖樣寬度 | 值得知道的事 |
|---|---|---|---|
| 桌卡或菜單的一角 | 20 到 30 公分 | 3 公分 | 坐著的客人會把手機拿到碼前面,所以這樣就夠小了。 |
| 收據、帳單夾或集點卡 | 20 公分 | 2 公分 | 印在熱感應收據紙上要比你以為的更深:對比幾週內就會褪掉。 |
| A5 傳單或名片 | 25 到 30 公分 | 2.5 到 3 公分 | 留點空間給圖樣喘氣;硬塞在角落的碼會失去它的白色留白。 |
| 牆上或廁所門上的 A4 海報 | 50 公分到 1 公尺 | 5 到 10 公分 | 貼在視線高度。貼在門框上方的海報,沒有人讀得到。 |
| 櫥窗貼紙,從人行道上看 | 1 到 2 公尺 | 10 到 20 公分 | 朝外、在視線高度,並避開玻璃的反光。 |
| 立式看板或人行道上的招牌 | 1.5 到 2 公尺 | 15 到 20 公分 | 大家是邊走邊掃的,所以給他們一個不用停下來也掃得準的碼。 |
| 店面布條或牆面招牌 | 3 到 5 公尺 | 30 到 50 公分 | 到這個尺寸,裡面那條短連結就很重要了:字元越少,方塊越大。 |
白色留白是碼的一部分
QR Code 的圖樣四周需要一圈乾淨的留白——它的留白區——不然相機找不到圖樣在哪裡結束。常見的數字是四個模組寬,一個模組就是碼本身最小的方塊,所以一個 3 公分的碼若畫成 25 個模組的圖樣,四邊各約要 5 公釐的淨空。
實務上會吃掉留白區的東西有:緊貼著碼畫的邊框或方框、碼壓在上面的照片、桌卡的摺線、傳單的出血邊,以及沿著圖樣邊緣裁切的貼紙。請讓那圈留白保持空白,而且和碼的背景同色。
深色圖樣、淺色背景,不要耍花樣的配色
相機是把圖樣讀成淺色背景上的深色方塊的,所以圖樣一定要是兩者中較深的那一個。這就排除了大家覺得好看的反白做法:深色背景上的白色或淺色碼在很多手機上都失敗,白底上印淺色的碼也一樣。
- 保持明顯的明暗差異,不要只有色相的差異。中紅色的碼配中綠色的背景是兩種不同的顏色、同樣的亮度,相機讀起來就是灰配灰。
- 把背景印出來,不要靠紙的顏色。牛皮紙板和再生紙板比看起來更深,而棕色紙板上的黑色碼可能太接近而讀不出來。
- 注意表面處理。亮膜在酒館的嵌燈下會把光直接反射進相機;霧面不會。午後陽光下的櫥窗貼紙也是一樣。
- 正中間的標誌就是資料上的一個洞。碼本身的錯誤更正能撐過一個小的標誌,所以請把它控制在圖樣寬度的五分之一以內,並且測試過。
連結越短,方塊越大
碼裡放的字元越多,需要的方塊就越多,而在同樣的印刷尺寸下,每個方塊就越小。一條帶著活動參數的長追蹤網址,方塊數可能是短連結的兩倍,這就是為什麼同樣印 3 公分,有的很好掃、有的完全沒救,差別在裡面放了什麼。
這就是「用短連結而不是完整網址」的實務理由:一條 go.qrvane.com 連結只有幾個字元,所以在任何印刷尺寸下,它的方塊都能大到極限。它同時也是讓你以後能改碼連到哪裡的關鍵,那是另一篇指南:怎麼改 QR Code 連到哪裡。
唯一值得做的那個測試
用實際的材質、按實際的尺寸印一份樣張,然後在它將來要待的地方掃一下。不是在螢幕上,也不是縮放後印在 A4 上:材質和光線佔了問題的一半。
- 用一支 iPhone 和一支 Android 手機,從表格裡的距離掃一下。
- 在它將來會待的光線下掃——昏暗角落的那一桌、下午四點的櫥窗、黃昏的人行道。
- 斜著掃,大約偏離正面 30 度,因為大家實際上就是這樣拿手機的。
- 在打開之前先讀相機顯示的網址,確認是你要的那一個。
- 然後再放大印。如果樣張要掃兩次才成功,就往上加一個尺寸:等它被亮膜貼到 200 個桌卡上,情況不會變好。
如果一個原本好用的碼停了,QR Code 為什麼會失效按順序把原因講完,從印刷的磨損到短連結背後的服務。如果你要印的是菜單,把菜單放到 QR Code 後面講的是頁面上要放什麼,以及一定要跟著放的過敏原那一行。