前兩天野郎寫了一篇

《看野路子如何製作漂亮的平面動態二維碼》

許多童鞋對二維碼的構造很感興趣：

好吧

今天我們就來簡單聊一下這匹火的不要不要的「馬」：

說到這個話題，我們不得不聊一下另外一匹「馬」：

沒錯，這就是我們平常在包裝袋上經常看到「條碼」

由於條碼只能在一個維度，也就是x軸上存儲數據

所以也叫做「一維碼」。

然後由於「一維碼」只能存儲阿拉伯數字0-9的數據

所以需要存儲更多數據

最直接的方法就是增加一個維度

讓y軸上也能存儲數據。

因此，二維碼就出現了！

當然，二維碼還分了很多種類，大家有興趣可以問問度娘，本文主要將的是最常用的QR碼。

那麼問題來了：

QR碼是如何存儲數據的呢？

答案是：二進位碼。

大家還記得讀書的時候學的計算機原理吧，所有的電腦程序本質上都是一堆0和1組成的代碼，有0和1這兩個數字就有了一切！

所以在QR碼中，

白色的方塊代表0，黑色的方塊代表1。

因此當我們想要繪製漂亮的二維碼的時候

由於QR碼儲存數據的原理

我們最好是標出輔助線來

一個點一個點的描

這樣比較容易保證制出來的二維碼能夠正常識別。

說完了QR碼的基本原理以後

我們在再來說說大家很關心的QR碼構造問題

那這裡我們先提出一個概念：容錯率。

別急，慢慢來。

還記得我上次給大家安利網站草料二維碼嗎？

當我們得到了自己想要的純黑白QR碼以後

點擊紅色方框處的美化器：

再點擊切換高級美化器：

這裡可以看到一個調整QR碼容錯的選項

最低7%，最高30%

代表的意思其實很容易理解：

比如這個QR碼中有100個點，遮蓋住其中7個點還可以識別出來，那麼容錯率就是7%。

也因為這個容錯率，

所以QR碼具有一定的包容性，也讓QR碼設計得到了發揮的可能性。

了解了容錯率，接下來我們再來看看QR碼的幾個重點區域的用途：

我簡單的在QR碼上比划了一下，大家可以簡單看看

藍色區域：也稱「碼眼」，位置探測圖形，用於標識二維碼面積大小

綠色區域：定點陣圖形，用於標識二維碼x和y軸的走向

紅色區域：校正圖形，也是定位用的

剩下的區域都是存儲數據的！

網上有很多說法是位置探測區及矯正區（即上圖的藍色和紅色方塊處）是不能修改的，否則識別不出來，其實不然，還記得上次我做的二維碼嗎？

weixin.qq.com/r/UDrawgX (二維碼自動識別)

其實這幾個區域不是不能修改

只是儘可能的減少誇張的設計，運用較強烈的對比色，也是可以識別出來的！

當我們理解了QR碼的

存儲數據原理、容錯率以及幾個重點的區域以後

利用好這幾個知識點

再加上一點創意以及耐心

就能繪製出漂亮的二維碼了！

附送一張野郎正在繪製中的二維碼，

設計師們通常是用Ai來做

野路子的我用ppt

不過這確實是一個需要時間和耐心的活啊

這是野郎的第一次寫科普文

如果你有什麼好的建議

歡迎後台撩我哦！

本文由「野鹿志」發布

歡迎分享，轉載請註明出處

推薦閱讀：

相关文章