動態二維碼的原理和設計思路(上)

提到二維碼呢，不得不提提它的前身條形碼。條形碼是將多個寬度不等的黑條白條按一定的編碼順序排列的標識符，它只能在x軸方向上存儲，換個角度來講，條形碼只是在一個維度上識別的，所以也有稱條形碼為一維碼。

包括我們在商場或者其他什麼店鋪上看到的條形碼其實都是這個原理，但是這個很有局限性，先不說轉個方向能不能識別，況且只能識別0-9的數字編成的標識符。但是你有沒有想過真的不夠用啊。所以二維碼就此誕生了。

二維碼很好的解決了字元延伸以及方向性的問題。那麼問題來了。二維碼是如何識別的呢。這就要涉及到計算機的原理了。我記得我們大學的時候學過一門課就叫做《計算機導論》。講了上面我幾乎都忘記了，唯一還記得的就是二進位的原理。哈哈機智如我，學以致用就是這麼來的。是一個叫馮·諾依曼的人應用到計算機里的，有興趣的朋友可以去百度一下。

二維碼其實就是將數字、文字、字母等字元轉換稱二進位01，再替換到二維碼中的黑白兩種」方塊「。白色代表0，而黑色代表1。那麼接下來就簡單了，只需要把要變成二維碼的鏈接或者文字轉換成二進位01就可以了。

二維碼雖然都是以二進位01構成的。但是還有幾個特殊的地方，首先上面我們提到的方向性的問題。就是為什麼我們從不同角度掃描二維碼都可以識別呢。其主要就是這三個」眼睛「確定了面積範圍之後，中間相交的xy軸在作祟。這三個」眼睛「我們稱之為碼眼。顧名思義就是二維碼的眼睛。起識別二維碼範圍的作用，而xy軸即確定了二維碼的方向。

我們都知道要想構成一個面。必須有三個點，兩點連成線而三點連成面。不需要四個就能確定二維碼的方向，而且減少成三個節省識別區域，大大提高了二維碼的利用率。特別要注意的這裡還有一個叫矯正圖形的東西，也是定位用的。

技發展到今天肯定有快速生成二維碼的工具吖？比如說「草料二維碼」這個網站。你可以直接將文字、圖片、網站鏈接甚至微信公眾號都可以直接生成二維碼。

當然這樣生成二維碼方便快捷而且不容易出錯。其實二維碼還有一個容錯機制。就是當一個二維碼遮住一部分甚至毀壞一部分后都還可以識別。我們稱之為容錯率。二維碼的容錯率有7%、15%、25%和30%就是當遮住二維碼的部分都可以識別出來就要看容錯率的機制了。容錯率越大二維碼越是複雜，其實就是備份了幾份，當一部分遮住的時候另一部分也可以識別出來。

要讓你知道理論啊，知其然知其所以然嘛。那要怎麼做這個動態二維碼呢。答案是沒有捷徑！沒有捷徑！沒有捷徑！構思好布局，與動效往上面排版就是了。下一篇了解一下動態二維碼的設計思路和一些要注意的細節。