高逼格的二维码原来是这样做出来的

2018-08-28 22:58:27 +08:00
 LarryDev

昨天新设计了公众号尾部的二维码,有些小伙伴感兴趣是怎么做的,其实很简单,今天就详细跟大家聊一聊~

1、首先我们要了解一下二维码是什么?

二维码又称二维条码,常见的二维码为 QR Code,QR 全称 Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的 Bar Code 条形码能存更多的信息,也能表示更多的数据类型。

如上图:传统条形码在 X 轴上存储信息,二维码则多加了 Y 轴。

2、二维码存储数据的方式

二维码采用二进制语言,对于电脑程序来说,有 0 和 1 这两个数字就有了一切!在二维码中,白色的方块代表 0,黑色的方块代表 1。

3、二维码的结构

如图,一个二维码基本由这四部分组成,在对二维码进行美化时,要清楚哪些元素是可以删除或修改的,哪些地方是不能动的:

定位标志:也叫位置探测图形,俗称码眼,是用来定位二维码图形区域的,非常重要,缺少它二维码就无法被识别出来,因此绝对不能删除。

定时标志:起到确定坐标的作用,在大型二维码中比较有用,通常可以删除~

校正标志:当这个标志存在的时候,用手机斜着扫码,差不多超过 45°之后才会扫不到,但是把这个标志删除掉的话,只能正面扫码,所以不建议删除!

内容信息:这个部分就是二维码包含的内容了,建议不动它们,容错率高的二维码可以适当的删减中间部分的方格(也有用头像遮挡中间部分的二维码),建议删除时多用手机扫描测试看能不能扫描出来,不行的话就 ctrl+z 赶紧返回。

4、二维码容错率

二维码的容错率分为 7%、15%、25%、30%四个等级,对于目前主流手机,在绝大多数扫描场景下,容错率越高,越容易被快速扫描。同时容错率越高二维码里面的格子也就越多,通常在设计二维码时建议选择 7%容错率的二维码进行设计。

5、二维码识别

如图,常规二维码为了方便识别选择了两个对比度最大的颜色-黑色与白色,在重新设计二维码的时候要注意二维码颜色和背景颜色保持一定的深浅对比度,注意二维码不能使用白色,白色代表编码 0,黑色代表编码 1,反白之后编码会错误,二维码将不能识别。

6、码力全开工作室二维码制作案例

① 打开公众号二维码,根据二维码最小单元格设置参考线;

② 将二维码的方格元素置换为圆形、圆角矩形、圆环形等;

③ 结合场景添加装饰元素。

7、注意事项

① 设计二维码时注意时刻扫描二维码确认可识别;

② 二维码元素置换时注意元素大小;

最后,说了这么多,希望能对大家的创作有所帮助,开动脑筋一起创意有意思的二维码吧~

如果你有任何好的建议或想法,欢迎关注码力全开工作室。

11067 次点击
所在节点    设计
9 条回复
shench
2018-08-28 23:08:15 +08:00
大清亡了?
zqqian
2018-08-28 23:29:48 +08:00
下个号见 @Livid
hatw
2018-08-29 09:56:28 +08:00
哈哈,谢谢科普的广告。。。但是。。码力全开工作室二维码制作案例》》》这个用 iPhone 的相机识别不出来。。。微信可以
LarryDev
2018-08-29 10:38:48 +08:00
@hatw 😂
hpj
2018-10-26 03:16:57 +08:00
楼主,草料 cli.im 了解一下…
Sands233
2018-11-02 14:32:38 +08:00
谢谢科普,楼主用心人
shejinimei
2018-12-07 16:48:20 +08:00
感觉这些个文章都是为了推广自己,,
ziyouyigeren
2018-12-19 21:40:42 +08:00
以前的码眼无界网站已经停止运行了,目前的话第九工厂了解一下
lovezww2011
239 天前
我做了一个工具 qrcode.gitapp.cn

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/484091

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX