2012 年慢慢進入尾聲，就我們從自己生活週遭觀察，這一年台灣越來越多的 QR Code 在外觀上脫離過去黑白單調的外型，一個個迎向了充滿顏色的精彩。不過偶而似乎會遇到 QR Code 雖然漂亮好看，但是卻不太容易掃描出來的窘境?

其實條碼讀取困難時，大致可以歸咎於三種因素：
1) 讀取設備 - 例如：手機硬體規格、鏡頭能力、QR Code reader app 等
2) 條碼圖案 - 例如：印刷品質、大小、設計等
3) 環境狀況 - 例如：光線明暗，或者是 QR 擺設的距離與高度不佳等等

本篇主要是對 QR Code 條碼圖案設計做簡單的討論，其餘部分之後有機會再與大家分享。

製作造型 QR Code 時最需要注意的四個重點：1) 顆粒要大、2) 對比要夠、3) 白邊要留、4) 眼睛不能破壞

最近適逢星巴克為聖誕節推出的掃 QR 取得優惠的活動，而且將其 QR Code 製作成耶誕禮物的造型，因此以它當範例。

顆粒要大

其實 QR Code 裡面的每個黑點或白點叫作模組，小弟為了大家好記，姑且以 "顆粒" 稱之。而顆粒要大是為了讓手機鏡頭能清楚的 "看" 到條碼，畢竟不是所有手機都有自動對焦鏡頭。如果活動希望越多人參加越好，那麼還是建議在可用範圍內讓條碼顆粒越大越好。

這時候有產生過 QR Code 的朋友應該會知道，這邊有一個麻煩的地方，就是當你希望在 QR Code 裡面塞越多資料的時候，條碼的 "顆粒" 也會越來越多、面積越來越大！所以一般最常見的 QR Code 掃出來都是網址，因為只要一連上網路，什麼資料都有了。而條碼裡的網址也不建議太長，反而可以多利用短網址來節省空間。

以星巴克這次在網路上發表的 QR Code 來說，顆粒大小還算可以，只是原始網址稍長，若採用短網址就有機會讓條碼顆粒更大、更好掃讀。

對比要夠

一般 QR Code 會使用黑字白底的原因是這樣的組合顏色對比最清楚。所以大家只要追尋這個原則，避免一些對比度低的顏色組合 (例如：黃字白底)，大概就沒有問題了。而星巴克採用桃紅色的條碼搭配白色背景，相當 OK！

如果設計師希望做白字黑底 (淺色在前，深色在背景) 其實也可以，但是有兩點提醒：

1) 少部份 QR Code reader app 還不支援解讀這種配色模式
2) 黑字白底或白字黑底只能擇一！請不要把條碼變得跟黑白郎君一樣，是讀不出來的...

白邊要留

在 QR Code 的國際標準裡面，一個完整的 QR Code 是必須在每一邊都留有四個模組 ("顆粒") 寬的白邊。以星巴克條碼為例，上下左右用綠色線框起來的地方都應該屬於白邊範圍，但是它卻在部分區塊作了造型上的運用，因此可能有些網友會感覺沒有平常的好讀。

實務上，有些 QR Code reader app 會將條件放寬一點，不會嚴格要求一定要留足 100% 的白邊。星巴克的 QR 也還沒到毫無白邊的地步，所以還能被多數 reader 所讀取。不過大家在設計上最好還是能留則多留一點白邊。

眼睛不能破壞

QR Code 之所以能夠 360 度都被讀取是因為它有定位點的設計。而這些定位點看起來像個 "回" 字 (常被我們戲稱是眼睛)，非常重要；眼睛戳瞎可就什麼都看不到啦。

在設計上我們也常看到 QR Code 的眼睛被做成各式造型，這邊要注意的是您設計的圖案要與原來的眼睛在比例、顏色深淺上越相近越好。

以上幾個重點提供各位設計師參考，如果想要簡單地做出好看又好讀的 QR Code，也歡迎使用我們的 QuickMark Color QR Code 製碼平台。

最後，利用 QuickMark Color 將星巴克活動的 QR Code 簡化、重製如下，大家趕快掃描下載優惠券來去喝咖啡吧！ (2012-12-06 止)

關鍵字： QuickMark Color, QR Code, 製作條碼

2012-11-05 Posted by Mike Chen

立即開始

Live Demo

造型 QR Code 要如何設計才容易讀？

顆粒要大

對比要夠

白邊要留

眼睛不能破壞

立即開始