提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
动态二维码的原理和设计思路(上)
最近大博石发现了看起来挺高大上的东西,一直嚷嚷着要我做一个。我瞥了一眼,哦不就是动态二维码吗,我知道这个东西。老早就有了,不难,只不过这个做起来有点耗时而且会消耗你的耐心而已。
大博石:那你简单的做一个呗!
我:呸,什么叫简单的做一个。我怎么听起来那么像“朋友,帮帮忙给我做个logo呗,随便做一个就行了”、“这个图你就随便p一下,简简单单的就行了,不用那么复杂”的,这明显是在忽悠我嘛。
大博石:那你现在做不做啊?我以大博石的身份命令你给我做出来。
我:呵呵,好的好的。你是大boss你说了算!
大博石:那这个你要做多久?
我:先别急嘛,我先给你讲讲原理。提到二维码呢,不得不提提它的前身条形码。条形码是将多个宽度不等的黑条白条按一定的编码顺序排列的标识符,它只能在x轴方向上存储,换个角度来讲,条形码只是在一个维度上识别的,所以也有称条形码为一维码。
大博石:啊。。。你跑偏了啊?
我:包括我们在商场或者其他什么店铺上看到的条形码其实都是这个原理,但是这个很有局限性,先不说转个方向能不能识别,况且只能识别0-9的数字编成的标识符。但是你有没有想过真的不够用啊。所以二维码就此诞生了。
大博石:哎哎哎,这些我都不想听?给我讲重点?
我:二维码很好的解决了字符延伸以及方向性的问题。那么问题来了。二维码是如何识别的呢。这就要涉及到计算机的原理了。我记得我们大学的时候学过一门课就叫做《计算机导论》。讲了上面我几乎都忘记了,唯一还记得的就是二进制的原理。哈哈机智如我,学以致用就是这么来的。是一个叫冯·诺依曼的人应用到计算机里的,有兴趣的朋友可以去百度一下。
大博石:装bility,又在秀智商?
我:二维码其实就是将数字、文字、字母等字符转换称二进制01,再替换到二维码中的黑白两种”方块“。白色代表0,而黑色代表1。那么接下来就简单了,只需要把要变成二维码的链接或者文字转换成二进制01就可以了,怎么转化成0和1的呢?自己百度,在此省略一万字...。
大博石:呵呵,那那三个方块是什么鬼?
我:啊,你听我说完嘛,二维码虽然都是以二进制01构成的。但是还有几个特殊的地方,首先上面我们提到的方向性的问题。就是为什么我们从不同角度扫描二维码都可以识别呢。其主要就是这三个”眼睛“确定了面积范围之后,中间相交的xy轴在作祟。这三个”眼睛“我们称之为码眼。顾名思义就是二维码的眼睛。起识别二维码范围的作用,而xy轴即确定了二维码的方向。
大博石:搞笑,那为什么不是四个“眼睛”呢?
我:额。。。我们都知道要想构成一个面。必须有三个点,两点连成线而三点连成面。不需要四个就能确定二维码的方向,而且减少成三个节省识别区域,大大提高了二维码的利用率。特别要注意的这里还有一个叫矫正图形的东西,也是定位用的。
大博石:哎哎哎,你话太多了?时间还没确定好吗?
我:你不要打断我的话,我还没讲完呢!
大博石:还有什么没讲的,不就是给你一个链接你给我转成二进制然后排列整齐吗?
我:这就尴尬了,还要自己这样一个个计算然后排整齐的话,那就不用搞生产了。科技发展到今天肯定有快速生成二维码的工具吖?比如说“草料二维码”这个网站。你可以直接将文字、图片、网站链接甚至微信公众号都可以直接生成二维码。
大博石:为什么我看到有些二维码遮住一部分都还可以识别?
我:咳咳,当然这样生成二维码方便快捷而且不容易出错。其实二维码还有一个容错机制。就是当一个二维码遮住一部分甚至毁坏一部分后都还可以识别。我们称之为容错率。二维码的容错率有7%、15%、25%和30%就是当遮住二维码的部分都可以识别出来就要看容错率的机制了。容错率越大二维码越是复杂,其实就是备份了几份,当一部分遮住的时候另一部分也可以识别出来。
大博石:吖杰够了,讲这些跟做动态二维码由什么关系?到底什么时候可以完成?
我:要让你知道理论啊,知其然知其所以然嘛。那要怎么做这个动态二维码呢。答案是没有捷径!没有捷径!没有捷径!构思好布局,与动效往上面排版就是了。
大博石:也就是说,剩下的就是交给美工美化一下?
我:美工?你才是美工,你丫的才是美工!你全家都是美工。结局:大博石愤吖杰卒!
下一篇只有吖杰来讲一下动态二维码的设计思路和一些要注意的细节,上干货了。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册