好看又好掃的 QR Code 設計思路:分行業示例
設計得好的 QR Code,看起來就像它所印的那樣東西的一部分:咖啡館的桌卡、婚禮請柬、產品包裝盒。做法是按場景選擇點的形狀、顏色和邊框,加一句說明掃描後會發生什麼的短語,同時守住三條規則:淺色背景上的深色碼、碼四周留出空白、尺寸足夠應付掃描距離。
下面按場景分組列出設計思路,並說明每個選擇背後的理由。所有思路都能在我們的QR Code 案例庫裡看到,都是可直接編輯的成品範本。
設計不能打破的規則
手機攝像頭先通過碼角上的三個大方塊(定點陣圖形)找到 QR Code,再讀取它們之間深淺模組組成的網格。只要攝像頭還能分清深淺、找到這三個角,怎麼設計都安全。
| 規則 | 為什麼重要 | 實際限度 |
|---|---|---|
| 深色碼、淺色背景 | 掃描器預設淺底深碼;有些攝像頭和較舊的掃描應用讀不了反色碼 | 對比度儘量接近白底黑碼 |
| 靜區 | 四周的空白告訴攝像頭碼在哪裡結束 | 每一邊 4 個模組寬 |
| 尺寸配合距離 | 小模組從遠處看會糊 | 寬度 ≈ 掃描距離 ÷ 10,最小不低於約 2 公分 |
| 糾錯等級 | 讓碼在加了 Logo 或花哨圖案後仍能識別 | 加 Logo 或圖案時用 H 等級 |
| 實際測試 | 螢幕和紙張表現不同 | 用兩部不同的手機掃一份打樣 |
下面所有思路都在這些限度之內。
餐飲
咖啡館的桌卡。 圓點或「流體」點,用深咖啡色印在奶油色上,比白底黑碼更有溫度,又仍然算深色。碼下面加一個標籤邊框,寫一句直白的說明,比如「掃描點單」。三角桌牌在 30–60 公分外看,3–6 公分寬就夠了。
客用 Wi‑Fi。 這個碼應該給人實用工具的感覺:藏青或炭灰色的圓點、柔和的卡片邊框,再寫上「免費 Wi‑Fi」。Wi‑Fi 碼裡存的是網路名稱和密碼,所以在你改密碼之前一直有效。
收銀臺旁的評價立牌。 金色很誘人,因為能呼應評價裡的星星,但金色的點太淺,掃不出來。碼保持深色,把金色用在邊框上。邊框負責顏色,碼負責資料。
餐車。 菜單板是在排隊時看的,常常隔著兩三米,所以碼要大,約 20–30 公分。在深色板上放一張白卡,再配上餐車自己配色裡的亮色邊框,效果很好,因為白卡提供了碼所需的淺色背景。
零售與包裝
產品包裝盒。 包裝上可以用漸變,從一種深色過渡到另一種,只要兩端都是深色就行。把碼放在平整的面上,不要跨過摺痕或弧形邊緣,連結到顧客買完後想要的東西:保養說明、補充裝、保修登記。
優惠券。 彩色邊框在別人看清小字之前,就傳達出「有優惠」的訊號。因為優惠會變,用動態碼,下週的優惠券就能沿用同一批印刷品。
T 恤和周邊。 布料會拉伸、會折。用單一深色的簡單圓點,不加邊框,印得比紙上更大,至少 5–6 公分。
活動與婚禮
婚禮印刷品。 啞金或暖棕色的點配一個細的雙線邊框,很適合印刷的請柬。一個動態碼,婚禮前可以打開回復出席的表單,婚禮後可以開啟相簿。
門票與簽到。 在擁擠的入口,速度比風格重要。方形模組、方形角、白底黑碼。門口工作人員常用較舊的手持裝置掃描,排隊會放大每一次識別失敗,所以這裡不是做實驗的地方。
照片分享。 賓客要掃的是一塊立在擺滿鮮花和酒杯的桌子上的牌子。用一種醒目單色的亮色標籤邊框,能讓牌子跳出來,標籤要寫明掃描後會發生什麼:「分享你拍的照片」。
博物館與美術館。 碼就在作品旁邊,所以應該低調:米白底上的深灰色、石色細邊框、一個小小的「語音導覽」標籤。觀眾站得很近,3–4 公分就夠了。
本地服務
房產招牌。 大而樸素。碼是從人行道上、幾米外掃的,所以需要 15–30 公分寬。近黑色的圓角方塊在這個尺寸下依然清晰。
美髮與水療。 接待臺上用柔和的玫瑰色或鼠尾草綠邊框,和室內裝修相配。點本身保持深梅紫或炭灰色。
健身房。 健身房裡的海報要和大量視覺干擾搶注意力。粗的深色邊框加一句簡短的優惠(「首節課免費」),能讓碼有一個清晰的輪廓。
個人
名片。 淺灰底上的石墨色圓點,適合大多數名片紙。vCard 碼能把你的資訊直接存進手機通訊錄。碼只有 2 公分時,內容要短,或者改為連結到一個聯絡方式頁面,因為內容長的 vCard 會生成很密的碼。
履歷。 小而安靜,放在角落。它應該連結到作品集,而不是搶走頁面的注意力。
行銷與螢幕
海報。 從中心向外放射的射線形點,能增加活力又不影響識別。把碼放在視線高度,並說明掃描能得到什麼:折扣、門票、影片。
螢幕上的碼。 在幻燈片和電視上,碼需要比你預想的更大,並且顯示足夠長的時間讓人掃。高對比度在螢幕上更重要,因為反光和亮度都不穩定。
企業與教育
資產標籤。 這是唯一可以完全不管風格的地方。樸素的黑色方塊能扛住刮擦和便宜的印表機,員工用什麼手機都能穩定識別。
小票。 熱敏印表機只能打黑色,解析度也有限。在小票尺寸(約 2.5 公分)下,方形模組列印得最乾淨。
節日主題
節日碼是用上圖案的地方:聖誕樹、排燈節的油燈、春節的「福」字,都由碼自己的模組拼出來。它們使用半色調技術,讓每個模組的中心嚴格對應資料,模組的其餘部分則跟隨圖案。因為圖案會增加視覺干擾,印刷時至少 5 公分寬,並且一律使用 H 等級糾錯。我們的節日 QR Code 創意一文逐個節日做了介紹。
怎麼把一個思路套用到你的品牌上
- 從場景出發,而不是從 Logo 出發。即使是同一個品牌,小票上的碼和紅酒標籤上的碼也需要不同的處理。
- 為點選一種深色的品牌色。如果你的品牌色全是淺色,就用配色裡最深的中性色,把品牌色用在邊框上。
- 加一個邊框標籤,用三四個詞說明掃描後會發生什麼。
- 做一次可掃性檢查,然後在正式開印前,用實際材料打一份真實的樣。
常見問題
QR Code 可以是任何顏色嗎?
模組可以是任何足夠深、與背景形成強烈對比的顏色。深藏青、森林綠、酒紅和深棕色都可以。黃色、淺灰、馬卡龍色和熒光色都不行。有些手機攝像頭和掃描應用讀不了深色背景上的淺色碼,所以不要反色。
圓點和方塊一樣好掃嗎?
在乾淨的印刷、合理的尺寸下,是的。圓點和圓角點用得很廣,現代手機都能順利識別。條件差的時候(熱敏小票、刮花的標籤、非常小的尺寸),方塊會稍微更穩一些。
Logo 能蓋住 QR Code 的多少?
使用 H 等級糾錯時,居中、寬度約為碼寬 20% 的 Logo 通常是安全的。讓角上的三個方塊保持完整,並測試結果。如果 Logo 讓可掃性檢查出現警告,就縮小 Logo,而不是降低糾錯等級。
QR Code 旁邊應該加文字嗎?
應該。一句說明掃描後會發生什麼的簡短提示,比如「掃描點單」或「掃描聽語音導覽」,能讓人更願意掃,也讓他們知道會看到什麼。