ZAKER 科技 9 月 1 日消息,微信官方发文解释了小程序码为何是现在的 " 菊花 ",而不是传统的二维码。


二维码,你扫过无数个,如果没有提示,你很难确定扫码后是手机支付,还是打开网页,或者添加微信好友 ……
但是,见到这个 菊花一样的二维码 ,你 100% 可以确定,扫出来的是个微信小程序。不禁有人要问,普通二维码也很方便,为什么小程序要做一朵 " 菊花 "?

其实,小程序在诞生之初,也使用过普通二维码,但是很抱歉,普通二维码仅使用了短短三个月,就被小程序码取而代之。
普通二维码不是不能用,只是小程序作为一种横空出世的全新应用,当然希望有一个独特的专属符号。当时市面上已经存在各种形态的二维码,除了普通二维码这类点阵式的,还有堆叠式的、环形的。

小程序团队综合考虑了辨识度和视觉冲击力,最终推导出了以放射线为基础的小程序码,一下就有了自己独特的美学。和普通二维码类似,一个典型的小程序码,也包含定位区,编码信息区,元信息区等部分,圆心则是自定义 Logo 的专属区域。


生成小程序码的过程,也是 " 菊花 " 绽放的过程:首先需要设定三个圆形的定位点,我们称之为 " 牛眼 ",牛眼的线条粗细,按照 0.8 : 1.2 : 1 : 1.2 : 0.8 绘制,这样比较贴近黄金比例,更符合人类审美。

3 个 " 牛眼 " 排列成等腰直角三角形,加上 1 个辅助定位点,四个点的对角连线则成为中心 logo 的圆心,整体形成非常利于扫码识别的位置关系。

接下来,就要对小程序码承载的信息,比如小程序的首页地址,进行编码,变成计算机可以识别的语言——一种二进制序列,白色代表 0,黑色代表 1;黑白格将按照指定的编码路径,落到菊花的 " 花瓣 " 上,变成一个 " 菊花雏形 "。

很明显,这时的 " 菊花 " 头发还有点,稀疏。为了变得更帅,开发者给小程序码设计了 32 种掩码(maks),约等于给小程序码开发了 32 种不同的 " 发型 "。每次生成小程序码,后台会给 " 菊花雏形 " 匹配一套线条效果最好的 " 发型 ",进一步提升 " 菊花 " 的颜值。

做了 " 美容美发 ",怎么读取到菊花的原始信息呢?
所以我们还需要写入一点 " 元信息 ",它的作用是告诉扫码的手机,可以怎么透过 " 美颜 " 读取本质。这时的小程序码其实已经可以扫出来了。但爱美之心码皆有之,还得在内圈和外圈边缘补点妆,加上自定义 logo,便得到一朵完美的 " 菊花 "。

自 2017 年诞生以来,小程序已经成为一个 " 任意门 ",连接越来越多的服务。数字政务、扫码点餐、电商购物、效率办公、娱乐出行 …… 甚至很多使用频率不高,但和大家生活息息相关的服务,都被一朵朵 " 菊花 " 打通。

现在,每天已经有超过 5 亿人在使用小程序,小程序开发者也突破了 300 万。
一个个小小的 " 菊花码 ",已经成为中国人数字化生活的独特风景。
原文地址:http://www.myzaker.com/article/6310561cb15ec0227755c5c0