最近上司叫我把公众号的二维码弄得好看一点，我就按照自己的想法设计了一个二维码出来。

结果发现设计出来无法用手机扫码，上网不断的查资料，设计完之后又不能长按识别。

为了让新手不走弯路，接下来就仔细看看这篇文章吧~

二维码的识别原理

设计二维码之前，我们得先了解一下二维码的识别原理。

先看看下图

这三个二维码分别从左往右越来越难扫出来。

这是为什么呢？

颜色越深的话二维码的识别度也就越高，所以想尽量不出错，二维码颜色越深越好。

接下来我们来看看二维码的组成结构，这样各位小伙伴们就可以知道哪一些元素是可以删除或修改的，而哪些地方是不能装逼去动的，否则可能会像我一样重画了好几遍！

一个二维码基本由这四个部分组成，只是只二维码容错率相对较低的情况下，容错率一会再说。


定位标志：当然是用来定位的，非常重要，不能删除。


定时标志：起到确定坐标的作用，可以删除~


对其标志：当这个标志存在的时候，用手机斜着扫码，差不多45°之后才会扫不到，但是把这个标志删除掉的话，只能正面扫码，所以不建议删除！


内容信息：这个部分就是二维码大概的内容了，建议不动它们，容错率高的二维码可以适当的删减，建议删一些用手机看看是否还能扫出来，不行的话就ctrl+z赶紧返回吧。

二维码具有容错功能，当二维码图片被遮挡一部分后，仍可以扫描出来。

容错的原理是二维码在编码过程中进行了冗余，就像是123被编码成123123，这样只要扫描到一部分二维码图片，二维码内容还是可以被全部读到。

二维码容错率用字母表示，容错能力等级分为：L、M、Q、H四级：
L       7%
M     15%
Q      25%
H     30%

对目前主流手机，在绝大多数扫描场景下，容错率越高，越容易被快速扫描!!!

但是我们设计二维码的时候容错率越高就代表我们要设计的元素也越多，在不影响扫码的情况下，我推荐用7%的容错率就可以了。


这里推荐一个十分方便的网站 www.cli.im，百度搜索草料二维码。

上传你想要的二维码然后点击美化器中的切换至高级美化器。

草料二维码还有一个更方便的功能，下载svg格式的文件，可以直接在AI中编辑，省了一大笔时间。

这边选择7%容错率的二维码下载下来。

接下来新建一个图层命名为点阵图，点阵图操作如下

PS:点阵图的作用是为了定位我们绘制元素的位置的，绘制的图案是必须覆盖点阵图的。

接下来我们就可以开始美化我们的二维码了。

设计一些相关的元素，或者自己喜欢的小元素，颜色尽量用深一点的颜色，也不要过多，将元素一一替换，这个可偷懒不了。

在替换的过程中，可以每做几步就扫一扫！这个很重要！！！避免做完才发现不可识别的问题。

PS：如果想要设计出来的二维码可以长按识别的话。

1.定位框的颜色和信息区域分开会更容易识别。
2.信息区域的颜色不能太浅，和背景色对比要强一些。
3.绘制的元素不适合过于多。
4.颜色的采集最好不要相差太大。

大功告成

最后我们在给二维码增加一点简单的动效，丰富一下画面。

第一次写攻略

谢谢各位耐心观看~

喜欢的话麻烦点个赞吧，谢谢。