如何避免設計出一個難掃的 QR CODE

Jason Tseng
2 min readSep 4, 2017

--

絕大多數的 QR Code 樣式

絕大多數的 QR Code 都是三個給手機定位用的大框框,白底配上黑點點,或是一些白底配深色系點點。在開始之前,你可試試看掃以下 QR Code 裡寫些什麼。我只有用我的 Sony Z5 成功掃到(但花很多時間調角度),iPhone 6s 及 Samsung s7 edge 掃不到。

漂亮的黑底白點 QR CODE,可是很難感測
  • 最好是深色點配淺色背景

最好不要把深淺顛倒過來,以免得到一個無法快速掃到的 QR Code。掃描快速方便也是 UX 提昇的一個指標。有些裝置可以偵測到這樣的 QR Code,有些裝置無法。

  • 背景色最好留些邊界

如果沒有任何邊界,相機辨識系統將容易和背景混淆;感測定位不到三個定位圖案,這也是偵測不到的失敗範例。

好掃的 QR Code,應遵循留點邊界,深色點配淺色背景,這將讓每台手機都易於使用。

如果你有更多把握且有許多時間在讓你的 QR Code 更生動,也可以在中間做些圖案,這裡有些特殊的 QR Code,可以發現原來能夠做到這樣的地步

--

--

Jason Tseng
Jason Tseng

Written by Jason Tseng

後端工程師,前端工程師

Responses (1)