QR code設計的幾個錯誤

在2010年我做了一個QR code網站 http://qr.ioi.tw ,也有建立一個FB粉絲專頁,至今也有8年的時間,發現到這8年來隨着手機變成iPhone和Android手機,相機已成爲手機必備的功能,也造成QR code的應用大行其道,也發現很多人其實不太瞭解QR code的設計方式,本篇文章不討論什麼是QR code,單純點出一些QR code使用上的錯誤方式。

1. QR code被收費

有人告訴我,他們在其他的QR code製作網站製作的QR code一開始可以正常連結到網址,過了一段時間竟然跳出一個訊息說要收費才能繼續連到網址。但QR code本身是個圖形而已,他就只是一個條碼,要如何收費?原來有些不肖的QR code製作網站做出來的QR code會先把你連到他自己的網址,然後再由他那裏轉到你實際的網址,一開始他不動聲色,過一段時間他不幫你不轉跳了,要收費,你如果已經投入很多經費在印刷這個QR code可能就會發現事態嚴重,所以要慎選,最好是去 http://qr.ioi.tw 製作 QR code,起碼我自己寫的程式保證沒有暗藏任何會收費的機制。

2. QR code 中間放LOGO圖案

QR code中間是爲什麼可以放圖案又仍然可以掃描呢?這要從QR code的容錯率談起,在  http://qr.ioi.tw 製作QR code的時候,你可以看到 “步驟3” -> “選擇參數” 這裏有個”容錯率”的選項,有L、M、Q、H 4種容錯率,分別代表 7%(L)、15%(M)、25%(Q)、30%(H)的破損仍然可以辨識,這是爲了避免包裝上的圖案破損、髒污的時候仍然可以讀取的設計,越高的容錯率圖形就越複雜。

下圖是同樣網址內容的QR code,比較複雜的圖片就是容錯率高的,雖然容錯率高很不錯,但是當你的網址很長的時候,這個圖形會複雜到讓一些比較差的手機無法掃描,所以要印刷的時候先找試一下,手機是不是可以讀的到,讀不到的話就要把QR code印大一些。

qr.ioi.tw_UTC-2018-03-14_090727qr.ioi.tw_UTC-2018-03-14_090730

那中間放LOGO圖案又是怎麼設計呢?這裏示範兩種LOGO擺放位置給你參考

qr.ioi.tw_UTC-2018-03-14_090730logo2qr.ioi.tw_UTC-2018-03-14_090730logo

LOGO不一定要放在正中間,只要你選擇H的容錯率,LOGO的面積只要佔小於30%的QR code面積就可以正常讀取。

3. QR code黑底白圖無法掃描

sshot-723像上圖(截圖自ETtoday)這個深藍底加藍色圖案的QR code,記者怎麼也掃描不出來,其實只要換成白底黑圖的QR code就能正常掃描,有的APP可以辨識黑底白圖(深色底淺色圖)但有的APP不行,保險起見用白底黑圖比較能確保大家都能掃到。設計QR code的時候是可以換顏,再示範兩個給你看

qr.ioi.tw_UTC-2018-03-14_090727color2 qr.ioi.tw_UTC-2018-03-14_090727color1

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料