【脑壳儿疼】教你读懂二维码——干掉设计师的拦路虎

本篇教程简直是设计师杀手，简称为《脑阔儿疼》系列。因为涉及到很多逻辑思维能力、数学能力等，希望各位设计师可以啃下来，不然你连个炫酷二维码都制作不了，你还怎么行走江湖，必须修炼成一个么的感情的杀手！

在日常生活和工作中，无论是手机支付还是添加好友、登录网站等都会用到二维码，二维码可谓是当下最热门的图案，一张看似简单的二维码，用手机扫一扫却可以读出非常丰富的信息；

二维码为何如此神奇？今天我们一起来揭示二维码的奥秘，教你读懂二维码。

一、什么是二维码？

了解二维码之前，我们先来看一下条形码：

条形码又叫做一维码，是在一个维度上用黑白相间的条来表示二进制编码信息；二维码是在一维码基础上的进一步发展，它展示的是二个维度的编码信息，即X轴和Y轴，也是用黑白图形来表示二进制的信息。

二、二维码结构

常规的二维码，由点阵、码眼、定位点组成，

点阵即二维码中密密麻麻的黑白相间的矩形，黑白矩形用来表示二进制数据，黑色代表“1“，白色代表“0“；

码眼，即下图中所示红色区域，一个二维码中包含三个码眼，用来确定探测区域位置，缺少它，二维码将会无法识别，所以码眼一定要完整不能被遮挡。

定位点，即下图中所示区域，用来校正图形，定位的作用

二维码的X轴、Y轴，下图中所示有规律的白黑白黑......相间区域

X轴（红色区域）、Y轴（绿色区域）

三、二维码的容错率

1.什么是二维码的容错率？

下面展示的是同一个二维码不同的容错率图案，容错率越高，二维码的点阵也越多。

容错率分为7%、15%、25%、30%，所谓的容错率可以理解为允许出错的比率，如：容错率7%，允许错误的面积7%；有时候我们扫描二维码，即使部分点阵被遮挡(如下图所示)，依然能正确识别出来，容错率越高，可以被遮挡的区域越多。

2.二维码容错率的识别

关键看如图所示区域：

日常生活中，大家还会看到各种形式的二维码，比如：艺术二维码、立体二维码等，二维码做的再怎么炫酷，还是遵循了前面文章中提到的结构组成，了解这些，以后看到二维码是不是觉得不再陌生了。

文章转载于作者UI设计之家

有兴趣的小伙伴可以关注我们日后的干货分享哦！当然，你想了解更多关于设计的知识，可以填写下方的表单，有利于咨询老师更快的找到你哦！我们下次见~

相关推荐

: Java学习笔记：继承知识及特点介绍

作为面向对象的三大特性之一，继承同样是我们必须掌握的知识，下面我会对继承它的一些理论知识与代码示例进行介绍。

: Java多线程学习资料

Java多线程我个人觉得是JavaSe中最难的一部分，我以前也是感觉学会了，但是真正有多线程的需求却不知道怎么下手，实际上还是对多线程这块知识了解不深刻，不知道多线程api的应用场景，不知道多线程的运行流程等等，本篇文章将使用实例+图解+源码的方式来解析Java多线程。